gavindiaz/PolyWeather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement PolyWeather dashboard core components, state management, and API integration

Browse Source
This commit is contained in:
2569718930@qq.com
2026-04-23 19:40:38 +08:00
parent 73eeb11b88
commit 4f57d4ed1a
6 changed files with 296 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/dashboard/Dashboard.module.css
+64 -22
View File
@@ -1637,14 +1637,50 @@
.root :global(.home-intraday-chart) {
position: relative;
padding: 6px 0 0;
padding: 6px 0 18px 34px;
}
.root :global(.home-intraday-chart svg) {
width: 100%;
width: calc(100% - 34px);
margin-left: 34px;
height: 78px;
}
.root :global(.home-intraday-y-axis) {
position: absolute;
inset: 0 auto 18px 0;
width: 30px;
pointer-events: none;
}
.root :global(.home-intraday-y-label) {
position: absolute;
left: 0;
transform: translateY(-50%);
color: rgba(148, 163, 184, 0.72);
font-size: 10px;
font-weight: 700;
}
.root :global(.home-intraday-x-axis) {
position: absolute;
left: 34px;
right: 10px;
bottom: 0;
height: 14px;
pointer-events: none;
}
.root :global(.home-intraday-x-label) {
position: absolute;
bottom: 0;
transform: translateX(-50%);
color: rgba(148, 163, 184, 0.72);
font-size: 10px;
font-weight: 700;
white-space: nowrap;
}
.root :global(.home-intraday-chart line) {
stroke: rgba(115, 137, 161, 0.14);
stroke-width: 0.9;
@@ -1845,16 +1881,6 @@
box-shadow: 0 0 10px rgba(34, 211, 238, 0.14);
}
.root :global(.home-probability-row:nth-child(3) i),
.root :global(.home-probability-ladder-row:nth-child(3) i) {
background: linear-gradient(90deg, #f59e0b, #fbbf24);
}
.root :global(.home-probability-row:nth-child(n + 4) i),
.root :global(.home-probability-ladder-row:nth-child(n + 4) i) {
background: linear-gradient(90deg, #ef4444, #fb7185);
}
.root :global(.home-probability-row strong),
.root :global(.home-probability-ladder-row strong) {
position: relative;
@@ -7266,10 +7292,14 @@
.root :global(.home-ai-assistant) {
position: fixed;
right: 408px;
bottom: 210px;
right: 24px;
bottom: 24px;
z-index: 910;
width: min(380px, calc(100vw - var(--sidebar-width) - 72px));
width: min(340px, calc(100vw - 48px));
}
.root :global(.home-ai-assistant.collapsed) {
width: 56px;
}
.root :global(.home-ai-assistant.dragging) {
@@ -7295,11 +7325,12 @@
}
.root :global(.home-ai-launcher) {
display: grid;
grid-template-columns: auto 1fr auto;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
justify-content: center;
width: 56px;
height: 56px;
padding: 0;
cursor: grab;
touch-action: none;
user-select: none;
@@ -7309,6 +7340,13 @@
background 160ms ease;
}
.root :global(.home-ai-launcher-icon) {
width: 22px;
height: 22px;
display: block;
object-fit: contain;
}
.root :global(.home-ai-launcher:hover) {
transform: translateY(-1px);
border-color: rgba(34, 211, 238, 0.32);
@@ -7577,15 +7615,19 @@
.root :global(.home-ai-assistant) {
right: 24px;
bottom: 24px;
width: min(380px, calc(100vw - 48px));
width: min(340px, calc(100vw - 48px));
}
}
@media (max-width: 960px) {
.root :global(.home-ai-assistant) {
left: 16px;
left: auto;
right: 16px;
width: auto;
width: min(340px, calc(100vw - 32px));
bottom: 16px;
}
.root :global(.home-ai-assistant.collapsed) {
width: 56px;
}
}