summaryrefslogtreecommitdiff
path: root/web/src/sidebar.tsx
diff options
context:
space:
mode:
authornavewindre <boneyaard@gmail.com>2025-11-11 10:43:47 +0100
committernavewindre <boneyaard@gmail.com>2025-11-11 10:43:47 +0100
commit5a157e6ef2dc8c56f12e1f20ec54cdf0b85f0cac (patch)
tree9fc643715ea854b4037328bf6ee273f5f0e60adf /web/src/sidebar.tsx
parente52a00fad93831dfd7cf6fe9cdec8e1aaa3c2ccb (diff)
fixes
Diffstat (limited to 'web/src/sidebar.tsx')
-rw-r--r--web/src/sidebar.tsx20
1 files changed, 10 insertions, 10 deletions
diff --git a/web/src/sidebar.tsx b/web/src/sidebar.tsx
index ee93706..de7b2fd 100644
--- a/web/src/sidebar.tsx
+++ b/web/src/sidebar.tsx
@@ -55,18 +55,18 @@ function Weather() {
const wind = weather.current.wind_speed_10m;
const humi = weather.current.relative_humidity_2m;
return <div id="weather">
- <div class="sidebar-row"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
- <div class="sidebar-row"><h4>temperature:</h4><h4><span id="temp">{temp.toString()}</span>°C</h4></div>
- <div class="sidebar-row"><h4>wind speed:</h4><h4><span id="wind">{wind.toString()}</span>km/h</h4></div>
- <div class="sidebar-row"><h4>humidity:</h4><h4><span id="humi">{humi.toString()}</span>%</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>temperature:</h4><h4><span id="temp">{temp.toString()}</span>°C</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>wind speed:</h4><h4><span id="wind">{wind.toString()}</span>km/h</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>humidity:</h4><h4><span id="humi">{humi.toString()}</span>%</h4></div>
</div>
}
return <div id="weather">
- <div class="sidebar-row"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
- <div class="sidebar-row"><h4>temperature:</h4><h4><span id="temp">--</span>°C</h4></div>
- <div class="sidebar-row"><h4>wind speed:</h4><h4><span id="wind">--</span>km/h</h4></div>
- <div class="sidebar-row"><h4>humidity:</h4><h4><span id="humi">--</span>%</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>temperature:</h4><h4><span id="temp">--</span>°C</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>wind speed:</h4><h4><span id="wind">--</span>km/h</h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>humidity:</h4><h4><span id="humi">--</span>%</h4></div>
</div>
}
@@ -81,8 +81,8 @@ export function Sidebar() {
return <div id="sidebar">
<div><h3>information</h3></div>
<hr/>
- <div class="sidebar-row"><h4>current time: </h4><h4><span id="time">{new Date().toLocaleTimeString()}</span></h4></div>
- <div class="sidebar-row"><h4>today: </h4><h4><span id="date">{new Date().toLocaleDateString()}</span></h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>current time: </h4><h4><span id="time">{new Date().toLocaleTimeString()}</span></h4></div>
+ <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>today: </h4><h4><span id="date">{new Date().toLocaleDateString()}</span></h4></div>
<Weather />
<div style="margin-top: 15px"><h3>links</h3></div>
<hr/>