Style: all - change page padding to 20px

src/assets/css/pages/sign.scss

@@ -146,4 +146,4 @@
       }
     }
   }
-}
+}

src/assets/css/pages/system-framework.scss

@@ -11,4 +11,4 @@
     width: 0;
     background-color: constants.$background-color;
   }
-}
+}

src/assets/css/pages/system/index.scss

@@ -2,7 +2,7 @@
 
 [data-component=system] {
   .root-content {
-    padding: 30px;
+    padding: 20px;
     gap: 20px;
     flex-wrap: wrap;
     justify-content: flex-start;
@@ -38,4 +38,4 @@
       }
     }
   }
-}
+}

src/assets/css/pages/system/settings.scss

@@ -2,7 +2,7 @@
 
 [data-component=system-settings] {
   .root-content {
-    padding: 30px;
+    padding: 20px;
     gap: 20px;
 
     .root-col {
@@ -43,4 +43,4 @@
       }
     }
   }
-}
+}

src/assets/css/pages/system/statistics.scss

@@ -2,7 +2,7 @@
 
 [data-component=system-statistics] {
   .root-content {
-    padding: 30px;
+    padding: 20px;
     gap: 20px;
     flex-wrap: wrap;
     justify-content: center;
@@ -87,4 +87,4 @@
       }
     }
   }
-}
+}

src/assets/css/pages/system/tools/base.scss

@@ -2,7 +2,7 @@
 
 [data-component=system-tools-base] {
   .root-content {
-    padding: 30px;
+    padding: 20px;
     gap: 10px;
     height: 100%;
     width: 100%;
@@ -39,4 +39,4 @@
       cursor: pointer;
     }
   }
-}
+}

src/assets/css/pages/system/tools/code.scss

@@ -1,5 +1,5 @@
 [data-component=system-tools-code] {
-  padding: 30px;
+  padding: 20px;
 
   .card-box {
     width: 100%;
@@ -17,4 +17,4 @@
       inset-block-end: 0;
     }
   }
-}
+}

src/assets/css/pages/system/tools/execute.scss

@@ -1,8 +1,8 @@
 [data-component=system-tools-execute] {
-  padding: 30px;
+  padding: 20px;
 
   .card-box {
     width: 100%;
     height: 100%;
   }
-}
+}

src/assets/css/pages/tools-framework.scss

@@ -11,4 +11,4 @@
     width: 0;
     background-color: constants.$background-color;
   }
-}
+}

src/assets/css/pages/tools/create.scss

@@ -45,4 +45,4 @@
       }
     }
   }
-}
+}

src/assets/css/pages/tools/edit.scss

@@ -1,22 +1,29 @@
 [data-component=tools-edit] {
-  .root-content {
-    width: 100%;
+  padding: 20px;
+
+  .card-box {
     height: 100%;
+    width: 100%;
 
-    > * {
-      width: 0;
-    }
-
-    .draggable-mask {
-      position: absolute;
+    .root-content {
       width: 100%;
       height: 100%;
+
+      > * {
+        width: 0;
+      }
+
+      .draggable-mask {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+      }
     }
   }
 
   .draggable-content {
     position: fixed;
-    inset-inline-end: 32px;
+    inset-inline-end: 48px;
     inset-block-end: 48px;
 
     > * {
@@ -25,4 +32,4 @@
       inset-block-end: 0;
     }
   }
-}
+}

src/assets/css/pages/tools/index.scss

@@ -3,7 +3,7 @@
 
 [data-component=tools] {
   .root-content {
-    padding: 30px;
+    padding: 20px;
     gap: 20px;
     flex-wrap: wrap;
     justify-content: flex-start;

src/assets/css/pages/tools/source.scss

@@ -1,8 +1,8 @@
 [data-component=tools-source] {
-  padding: 30px;
+  padding: 20px;
 
   .card-box {
     width: 100%;
     height: 100%;
   }
-}
+}

src/assets/css/pages/tools/store.scss

@@ -21,7 +21,7 @@
   }
 
   .root-content {
-    padding: 30px;
+    padding: 20px;
     gap: 20px;
     flex-wrap: wrap;
     justify-content: center;
@@ -141,4 +141,4 @@
       color: constants.$font-secondary-color;
     }
   }
-}
+}

src/assets/css/pages/tools/user.scss

@@ -3,9 +3,9 @@
 [data-component=tools-store-user] .root-content {
   padding: {
     top: 80px;
-    left: 30px;
-    right: 30px;
-    bottom: 30px;
+    left: 20px;
+    right: 20px;
+    bottom: 20px;
   };
 
   .root-box {
@@ -185,4 +185,4 @@
       }
     }
   }
-}
+}

src/assets/css/pages/tools/view.scss

@@ -1,8 +1,8 @@
 [data-component=tools-view] {
-  padding: 30px;
+  padding: 20px;
 
   .card-box {
     height: 100%;
     width: 100%;
   }
-}
+}

src/assets/css/pages/user-framework.scss

@@ -11,4 +11,4 @@
     width: 0;
     background-color: constants.$background-color;
   }
-}
+}

src/assets/css/pages/user/index.scss

@@ -3,9 +3,9 @@
 [data-component=user] .root-content {
   padding: {
     top: 80px;
-    left: 30px;
-    right: 30px;
-    bottom: 30px;
+    left: 20px;
+    right: 20px;
+    bottom: 20px;
   };
 
   .card-box {
@@ -132,4 +132,4 @@
       }
     }
   }
-}
+}