导航栏优化

This commit is contained in:
user123456
2025-06-12 15:23:35 +08:00
parent 99a53087b1
commit 3f97a71df4
2 changed files with 12 additions and 12 deletions

View File

@@ -76,7 +76,7 @@
} }
body { body {
font-family: 'Misans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
line-height: 1.5; line-height: 1.5;
@@ -170,7 +170,7 @@
} }
/* 主要内容区域 */ /* 主要内容区域 */
.main-content { .main {
flex: 1; flex: 1;
padding: 2rem 1rem; padding: 2rem 1rem;
} }
@@ -653,7 +653,7 @@
</div> </div>
</nav> </nav>
<div class="main-content"> <main class="main">
<div class="container"> <div class="container">
<h1>Docker镜像搜索</h1> <h1>Docker镜像搜索</h1>
@@ -1230,6 +1230,6 @@
localStorage.setItem('theme', isDark ? 'dark' : 'light'); localStorage.setItem('theme', isDark ? 'dark' : 'light');
}); });
</script> </script>
</div> <!-- 关闭 main-content --> </main> <!-- 关闭 main -->
</body> </body>
</html> </html>

View File

@@ -76,7 +76,7 @@
} }
body { body {
font-family: 'Misans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
line-height: 1.5; line-height: 1.5;
@@ -170,9 +170,9 @@
} }
/* 主要内容区域 */ /* 主要内容区域 */
.main-content { .main {
flex: 1; flex: 1;
padding: 30px; padding: 2rem 1rem;
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
@@ -181,11 +181,11 @@
} }
*::-webkit-scrollbar-track { *::-webkit-scrollbar-track {
background-color: black; background-color: var(--muted);
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background: #39c5bb; background: var(--primary);
border-radius: 10px; border-radius: 10px;
} }
@@ -194,7 +194,7 @@
text-align: center; text-align: center;
min-height: 65%; min-height: 65%;
line-height: 1.25; line-height: 1.25;
margin-top: 20px; margin: 2rem auto 0; /* 保持原有布局但使用更标准的边距 */
} }
h1 { h1 {
@@ -441,7 +441,7 @@
</div> </div>
</nav> </nav>
<div class="main-content"> <main class="main">
<div class="container"> <div class="container">
<h1>Docker离线镜像包下载</h1> <h1>Docker离线镜像包下载</h1>
@@ -683,6 +683,6 @@
}); });
}); });
</script> </script>
</div> <!-- 关闭 main-content --> </main> <!-- 关闭 main -->
</body> </body>
</html> </html>