调整选项顺序

Author: Linho1219

src/ui/sidebar/tabs/preference/PrefItem.vue

@@ -30,7 +30,7 @@ const props = defineProps<{
 <style lang="scss">
 .pref-item {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: auto auto;
   align-items: center;
   justify-content: space-between;
   .text {

src/ui/sidebar/tabs/preference/PreferenceTab.vue

@@ -143,18 +143,6 @@ const displayName = __APP_DISPLAY_NAME__
         experimental
       />
     </div>
-    <div class="pref-group">
-      <div class="pref-group-title">重置</div>
-      <PrefItem label="重置全部选项" desc="将所有选项恢复为默认值">
-        <Button
-          severity="danger"
-          variant="outlined"
-          label="重置"
-          icon="pi pi-sync"
-          @click="handleReset"
-        />
-      </PrefItem>
-    </div>
     <div class="pref-group">
       <div class="pref-group-title">兼容性</div>
       <PrefSwitchItem
@@ -172,6 +160,18 @@ const displayName = __APP_DISPLAY_NAME__
         />
       </PrefItem>
     </div>
+    <div class="pref-group">
+      <div class="pref-group-title">重置</div>
+      <PrefItem label="重置全部选项" desc="将所有选项恢复为默认值">
+        <Button
+          severity="danger"
+          variant="outlined"
+          label="重置"
+          icon="pi pi-sync"
+          @click="handleReset"
+        />
+      </PrefItem>
+    </div>
     <div class="pref-group">
       <div class="pref-group-title">关于</div>
       <PrefItem :label="`关于 ${displayName}`" desc="打开软件版本信息窗口">