@use './page';
|
|
:root {
|
--app-primary: #4f46e5;
|
--app-primary-dark: #4338ca;
|
--app-bg: #f5f6fa;
|
--app-sider-bg: #ffffff;
|
--app-border: #eaecf0;
|
--app-text: #1f2937;
|
--app-text-secondary: #667085;
|
--app-radius: 12px;
|
}
|
|
* {
|
box-sizing: border-box;
|
}
|
|
html,
|
body,
|
#root {
|
min-height: 100%;
|
margin: 0;
|
}
|
|
body {
|
font-family:
|
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC',
|
'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
background: var(--app-bg);
|
color: var(--app-text);
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
}
|
|
a {
|
color: inherit;
|
}
|
|
.ant-layout {
|
background: var(--app-bg);
|
}
|
|
.ant-card {
|
border-radius: var(--app-radius);
|
box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
|
}
|
|
.ant-table-wrapper .ant-table {
|
border-radius: 8px;
|
}
|
|
.text-muted {
|
color: var(--app-text-secondary);
|
}
|
|
.error-page {
|
min-height: 100vh;
|
display: grid;
|
place-items: center;
|
background: var(--app-bg);
|
|
&--inline {
|
min-height: 60vh;
|
background: transparent;
|
}
|
}
|
