Initial commit: ERP system with advance verification fixes
This commit is contained in:
@@ -0,0 +1,110 @@
|
||||
/* 全局样式 */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body, #root {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* 响应式布局优化 */
|
||||
|
||||
/* 桌面端(> 768px) */
|
||||
@media screen and (min-width: 769px) {
|
||||
.ant-layout {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.ant-layout-sider {
|
||||
overflow: auto;
|
||||
height: 100vh;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* 登录页面卡片 */
|
||||
.login-card {
|
||||
max-width: 480px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* 移动端(<= 768px) */
|
||||
@media screen and (max-width: 768px) {
|
||||
/* 隐藏桌面侧边栏 */
|
||||
.ant-layout-sider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 登录页面优化 */
|
||||
.login-card {
|
||||
max-width: 100%;
|
||||
margin: 10px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 调整表单元素 */
|
||||
.ant-form-item-label {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.ant-input,
|
||||
.ant-btn {
|
||||
font-size: 16px; /* 防止iOS自动缩放 */
|
||||
}
|
||||
|
||||
/* 标题调整 */
|
||||
.ant-typography h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
/* 测试账户卡片 */
|
||||
.ant-card-body {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 超小屏幕(<= 480px) */
|
||||
@media screen and (max-width: 480px) {
|
||||
.login-card {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.ant-card-body {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.ant-typography h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.ant-space-vertical {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 确保移动端菜单正常显示 */
|
||||
.ant-drawer-body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 移动端头部按钮 */
|
||||
.mobile-header-button {
|
||||
position: fixed;
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
z-index: 1000;
|
||||
}
|
||||
Reference in New Issue
Block a user