更新 Vuetify 默认设置，修改菜单图标，调整样式变量，优化用户资料组件样式

src/@layouts/components/VerticalNav.vue

@@ -59,9 +59,6 @@ function handleNavScroll(evt: Event) {
         </RouterLink>
       </slot>
     </div>
-    <slot name="before-nav-items">
-      <div class="vertical-nav-items-shadow" />
-    </slot>
     <slot name="nav-items" :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled">
       <PerfectScrollbar
         tag="ul"
@@ -98,11 +95,6 @@ function handleNavScroll(evt: Event) {
   transition: transform 0.25s ease-in-out, inline-size 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
   visibility: hidden;
   will-change: transform, inline-size;
-  background-color: rgb(var(--v-theme-surface));
-  box-shadow: 0 2px 8px rgba(var(--v-theme-on-surface), 0.08);
-  border-radius: 0 8px 8px 0;
-  margin: 8px 0 8px 8px;
-  max-height: calc(100% - 16px);
 
   &:not(.overlay-nav) {
     visibility: visible;

src/@layouts/components/VerticalNavLayout.vue

@@ -116,8 +116,8 @@ export default defineComponent({
 
   .layout-navbar {
     position: fixed;
-    width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
     z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
+    inline-size: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
     inset-block-start: 0;
 
     .navbar-content-container {
@@ -203,16 +203,16 @@ export default defineComponent({
 
 .layout-wrapper.layout-nav-type-vertical.layout-overlay-nav {
   .layout-navbar {
-    width: calc(100% - 0px);
-    margin-left: 8px;
-    padding-left: 0;
+    inline-size: calc(100% - 0px);
+    margin-inline-start: 8px;
+    padding-inline-start: 0;
   }
 }
 
 .layout-page-content {
-  margin-top: calc(variables.$layout-vertical-nav-navbar-height - 42px);
-  padding-top: 0px;
   position: relative;
   z-index: 1;
+  margin-block-start: calc(variables.$layout-vertical-nav-navbar-height - 42px);
+  padding-block-start: 0;
 }
-</style>
+</style>

src/@layouts/styles/_default-layout.scss

@@ -5,61 +5,60 @@
 @use "@configured-variables" as variables;
 
 html {
-  min-height: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
   background: rgb(var(--v-theme-background));
+  min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
   overflow-y: overlay;
 }
 
 body {
-  overscroll-behavior-y: contain;
-  --webkit-overflow-scrolling: touch;
   background: rgb(var(--v-theme-background));
+  overscroll-behavior-y: contain;
+
+  --webkit-overflow-scrolling: touch;
 }
 
 body,
 #app,
 .v-application {
-  min-height: 100%;
+  min-block-size: 100%;
 }
 
 .layout-vertical-nav {
-  padding-top: env(safe-area-inset-top);
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
 }
 
 .navbar-content-container {
-  padding-top: env(safe-area-inset-top);
+  padding-block-start: env(safe-area-inset-top);
 }
 
 .layout-page-content {
   @include mixins.boxed-content(true);
 
-  flex-grow: 1;
   overflow: hidden;
-  // TODO: Use grid gutter variable here
+  flex-grow: 1;
+
+  // TODO: Use grid gutter variable here;
   padding-block: 1.5rem;
-  padding-top: calc(env(safe-area-inset-top) + 4.25rem);
-  // display: flex;
-  background-color: rgb(var(--v-theme-background));
+  padding-block-start: calc(env(safe-area-inset-top) + 4.25rem);
+
+  // display: flex;display
+
 
   .page-content-container {
-    // flex: 1;
+    // flex: 1;flex
     display: flex;
-    background-color: rgb(var(--v-theme-background));
 
     & > div:first-child {
-      flex: auto;
       position: relative;
-      width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
-      background-color: rgb(var(--v-theme-background));
+      flex: auto;
+      inline-size: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
     }
   }
 }
 
-@media screen and (max-width: 1280px){
+@media screen and (width <= 1280px){
   .page-content-container > div:first-child  {
-    width: calc(100vw - 1rem) !important;
-    background-color: rgb(var(--v-theme-background));
+    inline-size: calc(100vw - 1rem) !important;
   }
 }
 
@@ -69,7 +68,7 @@ body,
   }
 
   .footer-content-container-noheight {
-    block-size: 0px !important;
+    block-size: 0 !important;
   }
 
   .layout-footer-sticky & {