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

Add professional intraday meteorology analysis

Browse Source
This commit is contained in:
2569718930@qq.com
2026-04-16 17:13:53 +08:00
parent fd2b870d6a
commit e2cb0cfe5e
7 changed files with 905 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/dashboard/Dashboard.module.css
+230
View File
@@ -2921,6 +2921,97 @@
gap: 10px;
}
.root :global(.future-v2-sync-strip-compact) {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 8px;
}
.root :global(.future-v2-sync-strip-compact .future-v2-sync-chip) {
padding: 8px 10px;
border-radius: 8px;
background: rgba(15, 23, 42, 0.62);
}
.root :global(.future-v2-sync-strip-compact .future-v2-sync-copy span) {
display: none;
}
.root :global(.future-v2-meteorology-brief) {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.56fr);
gap: 14px;
padding: 16px;
border: 1px solid rgba(34, 211, 238, 0.22);
border-radius: 8px;
background:
linear-gradient(180deg, rgba(8, 47, 73, 0.42), rgba(15, 23, 42, 0.78));
}
.root :global(.future-v2-meteorology-copy) {
display: grid;
gap: 10px;
min-width: 0;
}
.root :global(.future-v2-meteorology-copy h3) {
margin: 0;
color: #f8fafc;
font-size: 18px;
font-weight: 800;
line-height: 1.35;
letter-spacing: 0;
}
.root :global(.future-v2-meteorology-meta) {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.root :global(.future-v2-meteorology-meta span) {
min-height: 26px;
display: inline-flex;
align-items: center;
padding: 5px 8px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 8px;
background: rgba(15, 23, 42, 0.62);
color: #cbd5e1;
font-size: 12px;
line-height: 1.35;
}
.root :global(.future-v2-meteorology-paths) {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.root :global(.future-v2-meteorology-paths div) {
min-width: 0;
padding: 12px;
border: 1px solid rgba(34, 211, 238, 0.18);
border-radius: 8px;
background: rgba(2, 6, 23, 0.5);
}
.root :global(.future-v2-meteorology-paths span) {
display: block;
color: var(--text-muted);
font-size: 11px;
line-height: 1.3;
}
.root :global(.future-v2-meteorology-paths strong) {
display: block;
margin-top: 8px;
color: #67e8f9;
font-size: 22px;
font-weight: 800;
line-height: 1;
letter-spacing: 0;
}
.root :global(.future-v2-sync-chip) {
display: flex;
align-items: flex-start;
@@ -3688,6 +3779,124 @@
min-height: 340px;
}
.root :global(.future-v2-chart-thresholds) {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.root :global(.future-v2-chart-thresholds span) {
min-height: 26px;
display: inline-flex;
align-items: center;
padding: 5px 8px;
border: 1px solid rgba(34, 211, 238, 0.16);
border-radius: 8px;
background: rgba(8, 47, 73, 0.24);
color: #cbd5e1;
font-size: 12px;
line-height: 1.35;
}
.root :global(.future-v2-meteorology-grid) {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr) minmax(0, 0.9fr);
gap: 12px;
}
.root :global(.future-v2-evidence-list) {
display: grid;
gap: 8px;
}
.root :global(.future-v2-evidence-row) {
padding: 10px;
border: 1px solid rgba(148, 163, 184, 0.14);
border-left-width: 3px;
border-radius: 8px;
background: rgba(15, 23, 42, 0.5);
}
.root :global(.future-v2-evidence-row.cyan) {
border-left-color: #22d3ee;
}
.root :global(.future-v2-evidence-row.amber) {
border-left-color: #f59e0b;
}
.root :global(.future-v2-evidence-row.blue) {
border-left-color: #60a5fa;
}
.root :global(.future-v2-evidence-head) {
display: flex;
justify-content: space-between;
gap: 10px;
align-items: flex-start;
}
.root :global(.future-v2-evidence-head strong) {
color: #f8fafc;
font-size: 13px;
line-height: 1.35;
}
.root :global(.future-v2-evidence-head span) {
color: var(--text-muted);
font-size: 11px;
line-height: 1.35;
text-align: right;
}
.root :global(.future-v2-evidence-row p) {
margin: 7px 0 0;
color: var(--text-secondary);
font-size: 12px;
line-height: 1.55;
}
.root :global(.future-v2-rule-list) {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.root :global(.future-v2-rule-list li) {
position: relative;
padding-left: 16px;
color: var(--text-secondary);
font-size: 12px;
line-height: 1.55;
}
.root :global(.future-v2-rule-list li::before) {
content: "";
position: absolute;
left: 0;
top: 0.65em;
width: 6px;
height: 6px;
border-radius: 999px;
background: #22d3ee;
}
.root :global(.future-v2-rule-panel:nth-child(2) .future-v2-rule-list li::before) {
background: #f59e0b;
}
.root :global(.future-v2-model-note) {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid rgba(148, 163, 184, 0.14);
color: var(--text-muted);
font-size: 12px;
line-height: 1.55;
}
.root :global(.future-modal-section) {
background: rgba(255, 255, 255, 0.02);
border: 1px solid var(--border-subtle);
@@ -3909,6 +4118,15 @@
}
@media (max-width: 960px) {
.root :global(.future-v2-meteorology-brief),
.root :global(.future-v2-meteorology-grid) {
grid-template-columns: 1fr;
}
.root :global(.future-v2-meteorology-paths) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.root :global(.future-v2-layout) {
grid-template-columns: 1fr;
}
@@ -3934,6 +4152,18 @@
padding-right: 0;
}
.root :global(.future-v2-meteorology-brief) {
padding: 12px;
}
.root :global(.future-v2-meteorology-paths) {
grid-template-columns: 1fr;
}
.root :global(.future-v2-meteorology-copy h3) {
font-size: 16px;
}
.root :global(.future-v2-card),
.root :global(.future-modal-section) {
border-radius: 12px;