39 lines
858 B
SCSS
39 lines
858 B
SCSS
:root {
|
|
--app-bg: radial-gradient(1200px circle at 20% 10%, #f6fbff 0%, #f5f7fb 45%, #f1f5ff 100%);
|
|
--el-color-primary: #2563eb;
|
|
--el-border-radius-base: 12px;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background: var(--app-bg);
|
|
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji",
|
|
"Segoe UI Emoji";
|
|
color: #1f2937;
|
|
}
|
|
|
|
.card {
|
|
background: rgba(255, 255, 255, 0.85);
|
|
border: 1px solid rgba(15, 23, 42, 0.06);
|
|
border-radius: 14px;
|
|
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
|
|
backdrop-filter: blur(8px);
|
|
}
|
|
|
|
.el-menu {
|
|
--el-menu-item-height: 44px;
|
|
--el-menu-hover-bg-color: rgba(37, 99, 235, 0.08);
|
|
--el-menu-active-color: #1d4ed8;
|
|
}
|
|
|
|
/* Ensure image preview overlay is above tables/cards */
|
|
.el-image-viewer__wrapper {
|
|
z-index: 4000 !important;
|
|
}
|