chore(ui): align margins and padding throughout the product (#5887)

Co-authored-by: MilosPaunovic <paun992@hotmail.com>
kestra-io · Nov 13, 2024 · cfd2677 · cfd2677
1 parent 5a93181
commit cfd2677
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/ui/src/components/dashboard/Dashboard.vue b/ui/src/components/dashboard/Dashboard.vue
@@ -480,7 +480,7 @@ $spacing: 20px;
 
 .filters,
 .dashboard {
-    padding: $spacing;
+    padding: 0 32px;
 
     & .el-row {
         width: 100%;
@@ -510,7 +510,12 @@ $spacing: 20px;
     }
 }
 
+.dashboard {
+    margin: 24px 0;
+}
+
 .filters {
+    margin: 24px 0 0 0;
     padding-bottom: 0;
 
     & .el-row {

diff --git a/ui/src/components/flows/FlowRoot.vue b/ui/src/components/flows/FlowRoot.vue
@@ -227,7 +227,7 @@
                             showFilters: true,
                             restoreurl: false,
                         },
-                        containerClass: "full-container p-4"
+                        containerClass: "container"
                     });
                 }
 

diff --git a/ui/src/components/namespace/Namespace.vue b/ui/src/components/namespace/Namespace.vue
@@ -199,7 +199,7 @@
                         name: "variables",
                         component: "",
                         title: this.$t("variables"),
-                        containerClass: "full-container",
+                        containerClass: "container",
                         props: {
                             type: "variables",
                             tab: "variables",
@@ -211,7 +211,7 @@
                         name: "plugin-defaults",
                         component: "",
                         title: this.$t("plugin defaults"),
-                        containerClass: "full-container",
+                        containerClass: "container",
                         props: {
                             type: "pluginDefaults",
                             tab: "plugin-defaults",

diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
@@ -59,10 +59,10 @@ main {
     }
 
     > section.container {
-        margin: var(--spacer) auto 0;
+        margin: 24px 0;
         min-width: 100%;
         transition: padding 0.3s ease;
-        padding: 0 calc(var(--offset-from-menu));
+        padding: 0 32px;
 
         &.full-height {
             flex: 1;