优化 notfound界面响应式布局

2024-09-12 21:27:37 +08:00
parent 20a8b6335f
commit 25d21e4fb3
1 changed files with 7 additions and 1 deletions
--- a/tonecn/src/views/NotFound.vue
+++ b/tonecn/src/views/NotFound.vue
@@ -3,7 +3,7 @@ import { onMounted, onUnmounted, ref } from 'vue';
 const containerHeight = ref('800px');
 onMounted(async () => {
    document.title = '404 不存在的页面';
-    containerHeight.value = window.innerHeight > 500 ? window.innerHeight -85 + 'px' : '390px';
+    containerHeight.value = window.innerHeight > 500 ? window.innerHeight - 90 + 'px' : '390px';
 })
 onUnmounted(() => {
    document.title = '特恩(TONE)';
@@ -35,4 +35,10 @@ onUnmounted(() => {
    padding: 0 20px;
    height: v-bind(containerHeight);
 }
+
+@media screen and (max-width: 800px) {
+  .content-container {
+    height: calc(v-bind(containerHeight) + 15px);
+  }
+}
 </style>