From 2c163f691b10fed1ffd4d59e6252cecc451f224b Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 25 Jul 2023 21:29:38 +0800
Subject: [PATCH] fix ui

---
 src/@core/scss/base/_layouts.scss             | 2 +-
 src/@layouts/components/VerticalNavLayout.vue | 2 +-
 src/@layouts/styles/_default-layout.scss      | 7 ++++---
 src/pages/downloading.vue                     | 4 +---
 src/pages/history.vue                         | 4 +---
 src/pages/plugin.vue                          | 4 +---
 src/views/plugin/PluginCardListView.vue       | 5 -----
 7 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/src/@core/scss/base/_layouts.scss b/src/@core/scss/base/_layouts.scss
index 6260829d..e0c2d306 100644
--- a/src/@core/scss/base/_layouts.scss
+++ b/src/@core/scss/base/_layouts.scss
@@ -39,7 +39,7 @@
 .layout-wrapper.layout-nav-type-horizontal {
   &.layout-content-height-fixed {
     > .layout-page-content {
-      display: flex;
+      // display: flex;
     }
   }
 }
diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue
index 457f7e72..b6f32042 100644
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -183,7 +183,7 @@ export default defineComponent({
     }
 
     .layout-page-content {
-      display: flex;
+      // display: flex;
       overflow: hidden;
 
       .page-content-container {
diff --git a/src/@layouts/styles/_default-layout.scss b/src/@layouts/styles/_default-layout.scss
index 0ec9b764..38879086 100644
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -7,6 +7,7 @@
 html {
   min-height: calc(100% + env(safe-area-inset-top));
   background: rgb(var(--v-theme-background));
+  overflow-y: overlay;
 }
 
 body {
@@ -36,13 +37,13 @@ body,
   flex-grow: 1;
   overflow: hidden;
   // TODO: Use grid gutter variable here
-  padding-block: 0.5rem;
+  padding-block: 1.5rem;
   padding-top: calc(env(safe-area-inset-top) + 70px);
-  display: flex;
+  // display: flex;
 
 
   .page-content-container {
-    flex: 1;
+    // flex: 1;
     display: flex;
 
     & > div:first-child {
diff --git a/src/pages/downloading.vue b/src/pages/downloading.vue
index 3ba419b5..5d21caf3 100644
--- a/src/pages/downloading.vue
+++ b/src/pages/downloading.vue
@@ -3,7 +3,5 @@ import DownloadingListView from '@/views/reorganize/DownloadingListView.vue'
 </script>
 
 <template>
-  <div>
-    <DownloadingListView />
-  </div>
+  <DownloadingListView />
 </template>
diff --git a/src/pages/history.vue b/src/pages/history.vue
index 9040928b..af3bac8d 100644
--- a/src/pages/history.vue
+++ b/src/pages/history.vue
@@ -3,7 +3,5 @@ import TransferHistoryView from '@/views/reorganize/TransferHistoryView.vue'
 </script>
 
 <template>
-  <div>
-    <TransferHistoryView />
-  </div>
+  <TransferHistoryView />
 </template>
diff --git a/src/pages/plugin.vue b/src/pages/plugin.vue
index 23156a10..2832ad54 100644
--- a/src/pages/plugin.vue
+++ b/src/pages/plugin.vue
@@ -3,7 +3,5 @@ import PluginCardListView from '@/views/plugin/PluginCardListView.vue'
 </script>
 
 <template>
-  <div>
-    <PluginCardListView />
-  </div>
+  <PluginCardListView />
 </template>
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index bea3c282..c09e549f 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -139,9 +139,4 @@ onBeforeMount(fetchData)
   grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
   padding-block-end: 1rem;
 }
-
-dialog-bottom-transition-enter-active,
-.dialog-bottom-transition-leave-active {
-  transition: transform 0.2s ease-in-out;
-}
 </style>