Remove homepage map temperature legend
This commit is contained in:
@@ -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>
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user