Fix & Update: 弹窗层级、头部和底部大小调整

Author: T-miracle

package/App.vue

@@ -24,7 +24,7 @@
                 const { target } = entry;
                 const { clientWidth } = target as HTMLElement;
                 if (clientWidth < 1280) {
-                    htmlEl.style.setProperty('font-size', '12px');
+                    htmlEl.style.setProperty('font-size', '13px');
                     ctl.allowDrag = false;
                     ctl.hideLeftSidebar = true;
                     ctl.hideRightSidebar = true;

package/components/NanoHeaderTopNav/index.vue

@@ -59,7 +59,6 @@
 
     const { theme } = useData();
     const route = useRoute();
-    // console.log('nav --->', theme.value.nav);
 
     const popups = ref<Array<any | null>>([]);
 

package/components/NanoLogo/index.vue

@@ -8,7 +8,12 @@
             :src="theme.logo"
             alt="logo"
         />
-        <span style="font: var(--header-title-font)">{{ site.title }}</span>
+        <span
+            class="font-bold text-[calc(var(--header-size)*.4)]"
+            style="font-family: var(--header-title-font-family), serif"
+        >
+            {{ site.title }}
+        </span>
     </a>
 </template>
 

package/components/NanoPopup/index.vue

@@ -1,8 +1,7 @@
 <template>
     <div
-        class="[display:none] min-w-40 bg-white shadow-2xl"
+        class="absolute [display:none] z-100 min-w-40 bg-white shadow-2xl"
         :class="{ 'block!': visible }"
-        un-absolute="~"
         un-border="~ .25 solid rounded-2 [#B9BDC9]"
     >
         <slot/>

package/components/NanoWindowController/index.vue

@@ -53,7 +53,7 @@
 
     function showTip() {
         ElMessage({
-            message: '功能建设中...',
+            message: '功能开发中...',
             type: 'error'
         });
     }

package/theme/light/variables/footer.scss

@@ -4,4 +4,8 @@
     --footer-border-color: #EBECF0;
     --footer-path-text-color: #888888;
     --footer-path-text-hover-color: #333333;
+
+    @media screen and (max-width: 1280px) {
+        --footer-size: 2.4rem;
+    }
 }

package/theme/light/variables/header.scss

@@ -4,5 +4,9 @@
     --header-bg: linear-gradient(90deg, #F7F7F8 0%, #F5E0D5 5%, #F7F8FA 20%, #F7F8FA 100%);
     --header-nav-color: #333;
     --header-nav-popup-hover-bg: #D4E2FF;
-    --header-title-font: bold 1rem 'JetBrains Mono Bold',sans-serif !important;
+    --header-title-font-family: 'JetBrains Mono Bold' !important;
+
+    @media screen and (max-width: 1280px) {
+        --header-size: 2.6rem;
+    }
 }