From 2bc616ebbbd770d495db831cb8fdf3729ea0d61d Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 3 Sep 2023 22:36:48 +0800
Subject: [PATCH] px => rem

---
 package.json                                 | 2 +-
 src/@core/scss/_vertical-nav.scss            | 2 +-
 src/@layouts/styles/_variables.scss          | 8 ++++----
 src/components/cards/MediaCard.vue           | 2 +-
 src/components/cards/SiteCard.vue            | 2 +-
 src/components/cards/TorrentCard.vue         | 2 +-
 src/components/filebrowser/List.vue          | 4 ++--
 src/components/filebrowser/Toolbar.vue       | 2 +-
 src/layouts/components/SearchBar.vue         | 2 +-
 src/layouts/components/ShortcutBar.vue       | 8 ++++----
 src/views/reorganize/TransferHistoryView.vue | 6 +++---
 11 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/package.json b/package.json
index ea48ecf6..8caaf15c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.1.3",
+  "version": "1.1.3-1",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/@core/scss/_vertical-nav.scss b/src/@core/scss/_vertical-nav.scss
index 8131254c..51fdf37b 100644
--- a/src/@core/scss/_vertical-nav.scss
+++ b/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;
diff --git a/src/@layouts/styles/_variables.scss b/src/@layouts/styles/_variables.scss
index 01669075..4c7ec7fd 100644
--- a/src/@layouts/styles/_variables.scss
+++ b/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;
diff --git a/src/components/cards/MediaCard.vue b/src/components/cards/MediaCard.vue
index afea82ed..ba948f78 100644
--- a/src/components/cards/MediaCard.vue
+++ b/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
   >
diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index faf53b3f..a1af5262 100644
--- a/src/components/cards/SiteCard.vue
+++ b/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">
diff --git a/src/components/cards/TorrentCard.vue b/src/components/cards/TorrentCard.vue
index af39edc4..29dacf45 100644
--- a/src/components/cards/TorrentCard.vue
+++ b/src/components/cards/TorrentCard.vue
@@ -62,7 +62,7 @@ async function handleAddDownload(_site: any = undefined,
     confirmationText: '确认',
     cancellationText: '取消',
     dialogProps: {
-      maxWidth: 600,
+      maxWidth: '50rem',
     },
   })
 
diff --git a/src/components/filebrowser/List.vue b/src/components/filebrowser/List.vue
index 39a83b71..eca2a44b 100644
--- a/src/components/filebrowser/List.vue
+++ b/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">
diff --git a/src/components/filebrowser/Toolbar.vue b/src/components/filebrowser/Toolbar.vue
index b7636a02..e79e335e 100644
--- a/src/components/filebrowser/Toolbar.vue
+++ b/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">
diff --git a/src/layouts/components/SearchBar.vue b/src/layouts/components/SearchBar.vue
index e63d0071..ecbda2a3 100644
--- a/src/layouts/components/SearchBar.vue
+++ b/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 -->
diff --git a/src/layouts/components/ShortcutBar.vue b/src/layouts/components/ShortcutBar.vue
index 1e59d9a6..3c412d3e 100644
--- a/src/layouts/components/ShortcutBar.vue
+++ b/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="过滤规则测试">
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index 0b3fb948..e242cc7b 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/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="重新整理">