chore: small changes

liriliri · Jul 11, 2024 · 0ea3a8b · 0ea3a8b
1 parent befa9ae
commit 0ea3a8b
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 13 deletions.
diff --git a/src/Console/Console.scss b/src/Console/Console.scss
@@ -10,8 +10,8 @@
     padding-bottom: 0;
   }
   .control {
-    @include control();
     padding: 10px 10px 10px 35px;
+    @include control();
     .icon-clear {
       padding-right: 0px;
       left: 0;
@@ -96,10 +96,10 @@
         border-right: 1px solid var(--border);
         height: 40px;
         line-height: 40px;
+        transition: background-color $anim-duration, color $anim-duration;
         &:last-child {
           border-right: none;
         }
-        transition: background-color $anim-duration, color $anim-duration;
         &:active {
           color: var(--select-foreground);
           background: var(--highlight);

diff --git a/src/Elements/Elements.scss b/src/Elements/Elements.scss
@@ -9,8 +9,8 @@
     font-size: 14px;
   }
   .control {
-    @include control();
     padding: 10px 0;
+    @include control();
     .icon-eye {
       right: 0;
     }
@@ -86,14 +86,14 @@
     color: var(--foreground);
     margin: 10px 0;
     h2 {
-      @include right-btn();
       color: var(--primary);
       background: var(--darker-background);
       border-top: 1px solid var(--border);
       padding: $padding;
       line-height: 18px;
       font-size: $font-size;
       transition: background-color $anim-duration;
+      @include right-btn();
       &.active-effect {
         cursor: pointer;
       }

diff --git a/src/Network/Network.scss b/src/Network/Network.scss
@@ -7,9 +7,9 @@
     padding-top: 39px;
   }
   .control {
-    @include control();
     padding: 10px;
     border-bottom: none;
+    @include control();
     .title {
       font-size: $font-size;
     }
@@ -91,15 +91,15 @@
       .section {
         border-top: 1px solid var(--border);
         border-bottom: 1px solid var(--border);
+        margin-top: 10px;
+        margin-bottom: 10px;
         h2 {
           background: var(--darker-background);
           color: var(--primary);
           padding: $padding;
           line-height: 18px;
           font-size: $font-size;
         }
-        margin-top: 10px;
-        margin-bottom: 10px;
         table {
           color: var(--foreground);
           * {

diff --git a/src/Resources/Resources.scss b/src/Resources/Resources.scss
@@ -34,11 +34,11 @@
     }
   }
   .title {
-    @include right-btn();
     padding: $padding;
     line-height: 18px;
     color: var(--primary);
     background: var(--darker-background);
+    @include right-btn();
   }
   .link-list {
     font-size: $font-size-s;
@@ -52,20 +52,20 @@
     }
   }
   .image-list {
-    @include clear-float();
     color: var(--foreground);
     font-size: $font-size-s;
     display: flex;
     flex-wrap: wrap;
     padding: $padding !important;
+    @include clear-float();
     li {
       flex-grow: 1;
       cursor: pointer;
+      overflow-y: hidden;
       &.image {
         height: 100px;
         font-size: 0;
       }
-      overflow-y: hidden;
       img {
         height: 100px;
         min-width: 100%;

diff --git a/src/style/style.scss b/src/style/style.scss
@@ -4,9 +4,6 @@
 
 .container {
   min-width: 320px;
-  &.dark {
-    color-scheme: dark;
-  }
   pointer-events: none;
   position: fixed;
   left: 0;
@@ -18,6 +15,9 @@
   font-family: $font-family;
   font-size: $font-size;
   direction: ltr;
+  &.dark {
+    color-scheme: dark;
+  }
   * {
     box-sizing: border-box;
     pointer-events: all;