c0a280132c
主要更改： - 新增管理员权限系统：添加 AdminAuth 中间件和 AdminRoute 组件，限制题库管理功能仅 yanlongqi 用户可访问 - UI 全面改版为白色毛玻璃风格（macOS 风格）：应用毛玻璃效果、优化圆角和阴影、统一配色方案 - 登录页优化：将注册功能改为模态框形式，简化登录界面 - 首页优化：题库管理入口仅对管理员用户显示，优化响应式布局和卡片排列 - 移除底部导航栏：简化布局，改善用户体验 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
71 lines
1.1 KiB
Plaintext
71 lines
1.1 KiB
Plaintext
.layout {
|
|
min-height: 100vh;
|
|
background: #fafafa;
|
|
}
|
|
|
|
.content {
|
|
flex: 1;
|
|
}
|
|
|
|
.footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1000;
|
|
padding: 0;
|
|
background: rgba(255, 255, 255, 0.85);
|
|
backdrop-filter: blur(40px) saturate(180%);
|
|
-webkit-backdrop-filter: blur(40px) saturate(180%);
|
|
box-shadow:
|
|
0 -2px 8px rgba(0, 0, 0, 0.04),
|
|
0 -1px 4px rgba(0, 0, 0, 0.02),
|
|
0 0 0 1px rgba(0, 0, 0, 0.03);
|
|
border-top: 0.5px solid rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
.menu {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
border-bottom: none;
|
|
|
|
:global {
|
|
.ant-menu-item {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 60px;
|
|
margin: 0;
|
|
padding: 8px 0;
|
|
|
|
.anticon {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
.ant-menu-item-selected {
|
|
background-color: transparent;
|
|
|
|
&::after {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 响应式设计 - 移动端
|
|
@media (max-width: 768px) {
|
|
.footer {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
// 响应式设计 - PC端
|
|
@media (min-width: 769px) {
|
|
.footer {
|
|
display: none;
|
|
}
|
|
}
|