feat: increase padding in multiple pages for improved layout consistency

nicosammito · nicosammito · commit 85650c553f0d · 2026-06-02T19:22:36.000+02:00
diff --git a/src/app/(dashboard)/namespace/[namespaceId]/roles/page.tsx b/src/app/(dashboard)/namespace/[namespaceId]/roles/page.tsx
@@ -4,7 +4,7 @@ export default function Page() {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/app/(flow)/namespace/[namespaceId]/project/[projectId]/module/[moduleId]/layout.tsx b/src/app/(flow)/namespace/[namespaceId]/project/[projectId]/module/[moduleId]/layout.tsx
@@ -7,7 +7,7 @@ export default function AuthLayout({children}: Readonly<{ children: React.ReactN
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/app/(flow)/namespace/[namespaceId]/project/[projectId]/settings/page.tsx b/src/app/(flow)/namespace/[namespaceId]/project/[projectId]/settings/page.tsx
@@ -1,8 +1,5 @@
 "use client"
 
-import React from "react";
 import {ProjectSettingsPage} from "@edition/project/pages/ProjectSettingsPage";
 
-export default function Page() {
-    return <ProjectSettingsPage/>
-}
+export default ProjectSettingsPage
diff --git a/src/packages/ce/src/application/pages/ApplicationPage.tsx b/src/packages/ce/src/application/pages/ApplicationPage.tsx
@@ -33,7 +33,7 @@ export const ApplicationPage = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/member/pages/MemberAddPage.tsx b/src/packages/ce/src/member/pages/MemberAddPage.tsx
@@ -59,7 +59,7 @@ export const MemberAddPage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/member/pages/MembersPage.tsx b/src/packages/ce/src/member/pages/MembersPage.tsx
@@ -7,7 +7,7 @@ export const MembersPage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/module/pages/ModulesPage.tsx b/src/packages/ce/src/module/pages/ModulesPage.tsx
@@ -52,28 +52,21 @@ export const ModulesPage: React.FC = () => {
     )
 
     return <>
-        <Flex justify={"space-between"} pt={"0"} py={1} style={{flexWrap: "wrap"}} align={"center"}>
-            <Flex style={{gap: "0.35rem", flexDirection: "column"}}>
-                <Text size={"xl"} hierarchy={"primary"}>
-                    Installed plugins on {project?.name}
-                </Text>
-                <Text size={"sm"} hierarchy={"tertiary"}>
-                    Extend the capabilities of your runtime by installing plugins. Plugins can provide new flow types
-                    and
-                    function.
-                </Text>
-            </Flex>
-            <Button color={"tertiary"}>
-                Learn how to install plugins
-            </Button>
-        </Flex>
         <div style={{
             background: "#070514",
             height: "100%",
-            padding: "1rem",
+            padding: "2rem",
             borderTopLeftRadius: "1rem",
             borderTopRightRadius: "1rem"
         }}>
+            <Flex justify={"space-between"} pt={"0"} py={1} style={{flexWrap: "wrap"}} align={"start"}>
+                <Text size={"xl"} hierarchy={"primary"}>
+                    Installed plugins on {project?.name}
+                </Text>
+                <Button color={"tertiary"}>
+                    Learn how to install plugins
+                </Button>
+            </Flex>
             <Flex justify={"space-between"} style={{gap: "0.7rem"}} w={"100%"} align={"center"}>
                 <div style={{width: "100%"}}>
                     <DataTableFilterInput/>
diff --git a/src/packages/ce/src/namespace/pages/NamespaceOverviewPage.tsx b/src/packages/ce/src/namespace/pages/NamespaceOverviewPage.tsx
@@ -27,7 +27,7 @@ export const NamespaceOverviewPage: React.FC = () => {
         <div style={{
             background: "#070514",
             height: "100%",
-            padding: "1rem",
+            padding: "2rem",
             borderTopLeftRadius: "1rem",
             borderTopRightRadius: "1rem"
         }}>
diff --git a/src/packages/ce/src/namespace/pages/NamespaceProjectsCreatePage.tsx b/src/packages/ce/src/namespace/pages/NamespaceProjectsCreatePage.tsx
@@ -64,7 +64,7 @@ export const NamespaceProjectsCreatePage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/namespace/pages/NamespaceProjectsPage.tsx b/src/packages/ce/src/namespace/pages/NamespaceProjectsPage.tsx
@@ -7,7 +7,7 @@ export const NamespaceProjectsPage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/organization/pages/OrganizationCreatePage.tsx b/src/packages/ce/src/organization/pages/OrganizationCreatePage.tsx
@@ -36,7 +36,7 @@ export const OrganizationCreatePage = () => {
         }
     })
 
-    return <div style={{background: "#070514", height: "100%", padding: "1rem", borderTopLeftRadius: "1rem"}}>
+    return <div style={{background: "#070514", height: "100%", padding: "2rem", borderTopLeftRadius: "1rem"}}>
         <Flex mih={"100%"} miw={"100%"} align={"center"} justify={"center"}>
             <Col xs={4}>
                 <Text size={"xl"} hierarchy={"primary"} display={"block"}>
diff --git a/src/packages/ce/src/organization/pages/OrganizationsPage.tsx b/src/packages/ce/src/organization/pages/OrganizationsPage.tsx
@@ -7,7 +7,7 @@ export const OrganizationsPage = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/project/pages/ProjectSettingsPage.tsx b/src/packages/ce/src/project/pages/ProjectSettingsPage.tsx
@@ -32,7 +32,7 @@ export const ProjectSettingsPage: React.FC = () => {
                 </TabList>
             </SidebarComponent>
             <ResizableHandle/>
-            <ResizablePanel id={"2"} color={"primary"} p={1}
+            <ResizablePanel id={"2"} color={"primary"} p={2}
                             style={{borderTopLeftRadius: "1rem", borderTopRightRadius: "1rem"}}>
                 <>
                     <ProjectSettingsGeneralView/>
diff --git a/src/packages/ce/src/role/pages/RoleCreatePage.tsx b/src/packages/ce/src/role/pages/RoleCreatePage.tsx
@@ -59,7 +59,7 @@ export const RoleCreatePage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/runtime/pages/RuntimeAssignPage.tsx b/src/packages/ce/src/runtime/pages/RuntimeAssignPage.tsx
@@ -63,7 +63,7 @@ export const RuntimeAssignPage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/runtime/pages/RuntimeCreatePage.tsx b/src/packages/ce/src/runtime/pages/RuntimeCreatePage.tsx
@@ -85,7 +85,7 @@ export const RuntimeCreatePage: React.FC = () => {
         }
     })
 
-    return <div style={{background: "#070514", height: "100%", padding: "1rem", borderTopLeftRadius: "1rem"}}>
+    return <div style={{background: "#070514", height: "100%", padding: "2rem", borderTopLeftRadius: "1rem"}}>
         <Flex mih={"100%"} miw={"100%"} align={"center"} justify={"center"}>
             <Col xs={4}>
                 <Text size={"xl"} hierarchy={"primary"} display={"block"}>
diff --git a/src/packages/ce/src/runtime/pages/RuntimesPage.tsx b/src/packages/ce/src/runtime/pages/RuntimesPage.tsx
@@ -45,7 +45,7 @@ export const RuntimesPage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/ce/src/user/pages/UserPage.tsx b/src/packages/ce/src/user/pages/UserPage.tsx
@@ -90,7 +90,7 @@ export const UserPage: React.FC = () => {
         <div style={{
             background: "#070514",
             height: "100%",
-            padding: "1rem",
+            padding: "2rem",
             borderTopLeftRadius: "1rem",
             borderTopRightRadius: "1rem"
         }}>
diff --git a/src/packages/ce/src/user/pages/UsersPage.tsx b/src/packages/ce/src/user/pages/UsersPage.tsx
@@ -40,7 +40,7 @@ export const UsersPage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
diff --git a/src/packages/cloud/src/license/pages/LicensesPage.tsx b/src/packages/cloud/src/license/pages/LicensesPage.tsx
@@ -7,7 +7,7 @@ export const LicensesPage: React.FC = () => {
     return <div style={{
         background: "#070514",
         height: "100%",
-        padding: "1rem",
+        padding: "2rem",
         borderTopLeftRadius: "1rem",
         borderTopRightRadius: "1rem"
     }}>
