Style: all - change page padding to 20px

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%;
   }
-}
+}