From a354cc5ced6545e2a6e5196f2db5d6187df3c18a Mon Sep 17 00:00:00 2001
From: PRO-2684 <54608551+PRO-2684@users.noreply.github.com>
Date: Mon, 29 Jul 2024 16:36:20 +0800
Subject: [PATCH] CSS code optimize & re-order

---
 settings.html | 31 +++++++++++++------------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/settings.html b/settings.html
index f213e0c..98b0554 100644
--- a/settings.html
+++ b/settings.html
@@ -12,29 +12,15 @@
 
     /* 文件选择框 */
     .transitio input {
-        &[type="number"], &[type="search"] {
-            border: 1px solid gray;
-            border-radius: 0.5em;
-            padding-left: 0.5em;
-        }
-        &#transitio-search {
-            float: right;
-            padding-top: 0.1em;
-            padding-bottom: 0.1em;
-            scroll-margin-top: 3em; /* Prevent overlapping with logo */
-        }
         &[type="file"] {
             border-color: var(--fill_standard_primary);
             border-style: dashed;
             border-radius: 0.5em;
             padding: 0.5em;
             transition: border-color 0.2s ease-in-out;
-
-            &:focus,
-            &:hover {
-                border: dashed var(--text_secondary) !important;
+            &:focus, &:hover {
+                border-color: var(--text_secondary);
             }
-
             &::file-selector-button {
                 background-color: transparent;
                 border-radius: 8px;
@@ -43,9 +29,7 @@
                 border-color: var(--fill_standard_primary);
                 height: 2em;
                 transition: background-color 0.2s ease-in-out;
-
             }
-
             &::file-selector-button:hover {
                 background-color: var(--overlay_hover);
             }
@@ -53,6 +37,17 @@
         &[type="checkbox"] {
             appearance: auto;
         }
+        &[type="number"], &[type="search"] {
+            border: 1px solid gray;
+            border-radius: 0.5em;
+            padding-left: 0.5em;
+        }
+        &#transitio-search {
+            float: right;
+            padding-top: 0.1em;
+            padding-bottom: 0.1em;
+            scroll-margin-top: 3em; /* Prevent overlapping with logo */
+        }
         &:invalid {
             border-color: red;
         }