Remove homepage map temperature legend

This commit is contained in:
2569718930@qq.com
2026-04-23 05:07:09 +08:00
parent d8ca1ca24d
commit a237f5daaf
2 changed files with 11 additions and 73 deletions
@@ -223,53 +223,6 @@
justify-content: center;
}
.root :global(.home-map-legend) {
position: fixed;
left: 50%;
bottom: 196px;
transform: translateX(-50%);
z-index: 930;
display: flex;
align-items: center;
gap: 12px;
padding: 8px 14px;
border-radius: 14px;
border: 1px solid rgba(115, 137, 161, 0.18);
background: rgba(6, 12, 22, 0.86);
backdrop-filter: blur(16px);
}
.root :global(.home-map-legend span) {
color: rgba(203, 213, 225, 0.82);
font-size: 10px;
font-weight: 700;
}
.root :global(.home-map-legend-bar) {
width: 178px;
height: 8px;
border-radius: 999px;
background: linear-gradient(
90deg,
#2563eb,
#06b6d4,
#22c55e,
#eab308,
#ef4444
);
}
.root :global(.home-map-legend-values) {
display: flex;
align-items: center;
gap: 8px;
}
.root :global(.home-map-legend-values span) {
color: rgba(148, 163, 184, 0.72);
font-size: 9px;
}
.weatherAura {
position: absolute;
inset: 0;
@@ -374,33 +374,18 @@ function buildDashboardSummaryCards(
function HomeMapToolbar() {
const { locale } = useI18n();
return (
<>
<div className="home-map-header">
<div className="home-map-title">
<strong>
{locale === "en-US" ? "Global weather regime" : "全球天气态势"}
</strong>
<span>
{locale === "en-US"
? "Live monitored weather derivatives board"
: "天气衍生品实时监控面板"}
</span>
</div>
<div className="home-map-header">
<div className="home-map-title">
<strong>
{locale === "en-US" ? "Global weather regime" : "全球天气态势"}
</strong>
<span>
{locale === "en-US"
? "Live monitored weather derivatives board"
: "天气衍生品实时监控面板"}
</span>
</div>
<div className="home-map-legend" aria-hidden="true">
<span>{locale === "en-US" ? "Temperature (°F)" : "温度 (°F)"}</span>
<div className="home-map-legend-bar" />
<div className="home-map-legend-values">
<span>-4</span>
<span>14</span>
<span>32</span>
<span>50</span>
<span>68</span>
<span>86</span>
<span>104</span>
</div>
</div>
</>
</div>
);
}