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; 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 { .weatherAura {
position: absolute; position: absolute;
inset: 0; inset: 0;
@@ -374,33 +374,18 @@ function buildDashboardSummaryCards(
function HomeMapToolbar() { function HomeMapToolbar() {
const { locale } = useI18n(); const { locale } = useI18n();
return ( return (
<> <div className="home-map-header">
<div className="home-map-header"> <div className="home-map-title">
<div className="home-map-title"> <strong>
<strong> {locale === "en-US" ? "Global weather regime" : "全球天气态势"}
{locale === "en-US" ? "Global weather regime" : "全球天气态势"} </strong>
</strong> <span>
<span> {locale === "en-US"
{locale === "en-US" ? "Live monitored weather derivatives board"
? "Live monitored weather derivatives board" : "天气衍生品实时监控面板"}
: "天气衍生品实时监控面板"} </span>
</span>
</div>
</div> </div>
<div className="home-map-legend" aria-hidden="true"> </div>
<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>
</>
); );
} }