px => rem

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.1.3",
+  "version": "1.1.3-1",
   "private": true,
   "scripts": {
     "dev": "vite --host",

src/@core/scss/_vertical-nav.scss

@@ -50,7 +50,7 @@
           rgba(#{variables.$vertical-nav-background-color-rgb}, 30%) 75%,
           transparent
         );
-      block-size: calc(env(safe-area-inset-top) + 64px);
+      block-size: calc(env(safe-area-inset-top) + 4rem);
       inline-size: 100%;
       inset-block-start: calc(#{variables.$vertical-nav-header-height} - 2px);
       opacity: 0;

src/@layouts/styles/_variables.scss

@@ -2,15 +2,15 @@
 
 // 👉 Vertical nav
 $layout-vertical-nav-z-index: 12 !default;
-$layout-vertical-nav-width: 260px !default;
+$layout-vertical-nav-width: 16.25rem !default;
 $layout-vertical-nav-collapsed-width: 80px !default;
 
 // 👉 Horizontal nav
 $layout-horizontal-nav-z-index: 11 !default;
-$layout-horizontal-nav-navbar-height: 64px !default;
+$layout-horizontal-nav-navbar-height: 4rem !default;
 
 // 👉 Navbar
-$layout-vertical-nav-navbar-height: 64px !default;
+$layout-vertical-nav-navbar-height: 4rem !default;
 $layout-vertical-nav-navbar-is-contained: true !default;
 $layout-vertical-nav-layout-navbar-z-index: 11 !default;
 $layout-horizontal-nav-layout-navbar-z-index: 11 !default;
@@ -19,7 +19,7 @@ $layout-horizontal-nav-layout-navbar-z-index: 11 !default;
 $layout-boxed-content-width: 1440px !default;
 
 //  👉Footer
-$layout-vertical-nav-footer-height: 56px !default;
+$layout-vertical-nav-footer-height: 3.5rem !default;
 
 // 👉 Layout overlay
 $layout-overlay-z-index: 11 !default;

src/components/cards/MediaCard.vue

@@ -462,7 +462,7 @@ const getImgUrl: Ref<string> = computed(() => {
   </VHover>
   <VDialog
     v-model="subscribeSeasonDialog"
-    max-width="600"
+    max-width="50rem"
     content-class="whitespace-nowrap"
     scrollable
   >

src/components/cards/SiteCard.vue

@@ -389,7 +389,7 @@ onMounted(() => {
   <!-- 更新站点Cookie & UA弹窗 -->
   <VDialog
     v-model="siteCookieDialog"
-    max-width="600"
+    max-width="50rem"
   >
     <!-- Dialog Content -->
     <VCard title="更新站点Cookie & UA">

src/components/cards/TorrentCard.vue

@@ -62,7 +62,7 @@ async function handleAddDownload(_site: any = undefined,
     confirmationText: '确认',
     cancellationText: '取消',
     dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
     },
   })
 

src/components/filebrowser/List.vue

@@ -151,7 +151,7 @@ async function deleteItem(item: FileItem) {
     confirmationText: '确认',
     cancellationText: '取消',
     dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
     },
   })
 
@@ -571,7 +571,7 @@ onMounted(() => {
   <!-- 重命名弹窗 -->
   <VDialog
     v-model="renamePopper"
-    max-width="600"
+    max-width="50rem"
   >
     <template #activator="{ props }">
       <IconBtn title="重命名" v-bind="props">

src/components/filebrowser/Toolbar.vue

@@ -128,7 +128,7 @@ async function mkdir() {
     </IconBtn>
     <VDialog
       v-model="newFolderPopper"
-      max-width="600"
+      max-width="50rem"
     >
       <template #activator="{ props }">
         <IconBtn title="新建文件夹" v-bind="props">

src/layouts/components/SearchBar.vue

@@ -31,7 +31,7 @@ function search() {
   >
     <VDialog
       v-model="searchDialog"
-      max-width="600"
+      max-width="50rem"
       transition="dialog-top-transition"
     >
       <!-- Dialog Activator -->

src/layouts/components/ShortcutBar.vue

@@ -144,7 +144,7 @@ const ruleTestDialog = ref(false)
   <!-- 名称测试弹窗 -->
   <VDialog
     v-model="nameTestDialog"
-    max-width="800"
+    max-width="50rem"
   >
     <VCard title="名称识别测试">
       <DialogCloseBtn @click="nameTestDialog = false" />
@@ -156,7 +156,7 @@ const ruleTestDialog = ref(false)
   <!-- 网络测试弹窗 -->
   <VDialog
     v-model="netTestDialog"
-    max-width="600"
+    max-width="35rem"
   >
     <VCard title="网络测试">
       <DialogCloseBtn @click="netTestDialog = false" />
@@ -168,7 +168,7 @@ const ruleTestDialog = ref(false)
   <!-- 实时日志弹窗 -->
   <VDialog
     v-model="loggingDialog"
-    max-width="1280"
+    class="w-full lg:w-4/5"
     scrollable
   >
     <VCard title="实时日志">
@@ -181,7 +181,7 @@ const ruleTestDialog = ref(false)
   <!-- 规则测试弹窗 -->
   <VDialog
     v-model="ruleTestDialog"
-    max-width="800"
+    max-width="50rem"
     scrollable
   >
     <VCard title="过滤规则测试">

src/views/reorganize/TransferHistoryView.vue

@@ -131,7 +131,7 @@ async function removeHistory(item: TransferHistory) {
     confirmationText: '同步删除文件',
     cancellationText: '仅删除历史记录',
     dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
     },
     confirmationButtonProps: {
       color: 'error',
@@ -180,7 +180,7 @@ async function removeHistoryBatch() {
     confirmationText: '同步删除文件',
     cancellationText: '仅删除历史记录',
     dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
     },
     confirmationButtonProps: {
       color: 'error',
@@ -393,7 +393,7 @@ const dropdownItems = ref([
   </VCard>
   <VDialog
     v-model="redoDialog"
-    max-width="600"
+    max-width="50rem"
   >
     <!-- Dialog Content -->
     <VCard title="重新整理">