zv/wtr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: refine hourly forecast scrollbar

Browse Source
This commit is contained in:
zv
2026-06-01 20:04:26 +02:00
parent 94b6b9580d
commit fdb4304d38
2 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/globals.css
View File

@@ -50,4 +50,30 @@ select {
.text-balance {
text-wrap: balance;
}
.weather-scrollbar {
scrollbar-color: rgba(14, 116, 144, 0.55) rgba(255, 255, 255, 0.16);
scrollbar-width: thin;
}
.weather-scrollbar::-webkit-scrollbar {
height: 0.55rem;
}
.weather-scrollbar::-webkit-scrollbar-track {
border-radius: 9999px;
background: rgba(255, 255, 255, 0.16);
}
.weather-scrollbar::-webkit-scrollbar-thumb {
border: 2px solid transparent;
border-radius: 9999px;
background: rgba(14, 116, 144, 0.55);
background-clip: padding-box;
}
.weather-scrollbar::-webkit-scrollbar-thumb:hover {
background: rgba(8, 145, 178, 0.78);
background-clip: padding-box;
}
}