Files
PolyWeather/frontend/components/dashboard/ScanTerminalContinent.module.css
T
2569718930@qq.com 9a49ff3f5e 新增终端大洲分组与移动端卡片 CSS 模块
包含分组标题行、移动端 Tab 隐藏滚动条、信号卡片样式及浅色主题适配。
2026-05-25 01:55:55 +08:00

66 lines
1.2 KiB
CSS

/* ScanTerminalContinent — continent group headers and mobile cards */
.root {
--gap-green: #16a34a;
--gap-orange: #ea580c;
--gap-slate: #475569;
--gap-gray: #94a3b8;
--gap-red: #dc2626;
}
/* Group header row */
.groupHeader {
background: #eef2f6;
border-bottom: 1px solid #cbd5e1;
}
.groupHeader:hover {
background: #e2e8f0;
}
/* Mobile: hide scrollbar on tab bar */
.mobileTabs {
scrollbar-width: none;
-ms-overflow-style: none;
}
.mobileTabs::-webkit-scrollbar {
display: none;
}
/* Mobile card */
.mobileCard {
border: 1px solid #e2e8f0;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.mobileCard:hover {
background: #f0f7ff;
}
/* Signal badge colors */
.signalActive {
color: #059669;
}
.signalWatch {
color: #d97706;
}
.signalClosed {
color: #94a3b8;
}
.signalData {
color: #dc2626;
}
/* Light theme overrides — match scan-terminal's .scan-terminal.light scope */
:global(.scan-terminal.light) .groupHeader {
background: #f8fafc;
border-bottom-color: #e2e8f0;
}
:global(.scan-terminal.light) .groupHeader:hover {
background: #f1f5f9;
}
:global(.scan-terminal.light) .mobileCard {
background: #ffffff;
border-color: #e2e8f0;
}