gavindiaz/PolyWeather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: upscale city list sidebar and font sizes for better visibility

Browse Source
This commit is contained in:
2569718930@qq.com
2026-03-03 23:04:40 +08:00
parent 8977020a80
commit 3f38f6604d
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/style.css
+17 -17
View File
@@ -33,7 +33,7 @@
/* Spacing */ /* Spacing */
--panel-width: 560px; --panel-width: 560px;
--header-height: 56px; --header-height: 56px;
--sidebar-width: 200px; --sidebar-width: 280px;
/* Effects */ /* Effects */
--glass-blur: 20px; --glass-blur: 20px;
@@ -247,20 +247,20 @@ body {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 14px 16px; padding: 16px 18px;
border-bottom: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle);
font-size: 13px; font-size: 15px;
font-weight: 600; font-weight: 700;
color: var(--text-secondary); color: var(--text-primary);
} }
.city-count { .city-count {
background: var(--accent-blue); background: var(--accent-blue);
color: white; color: white;
font-size: 11px; font-size: 12px;
font-weight: 700; font-weight: 700;
padding: 2px 8px; padding: 3px 10px;
border-radius: 10px; border-radius: 12px;
} }
.city-list-items { .city-list-items {
@@ -301,20 +301,20 @@ body {
.city-item-main { .city-item-main {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 10px;
width: 100%; width: 100%;
} }
.city-item .city-name-text { .city-item .city-name-text {
font-size: 13px; font-size: 15px;
font-weight: 500; font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
} }
.city-item .city-temp { .city-item .city-temp {
margin-left: auto; margin-left: auto;
font-size: 13px; font-size: 16px;
font-weight: 700; font-weight: 800;
color: var(--accent-cyan); color: var(--accent-cyan);
opacity: 0; opacity: 0;
transition: var(--transition); transition: var(--transition);
@@ -327,8 +327,8 @@ body {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-left: 16px; /* Align with name text, after the dot */ padding-left: 20px; /* Align with name text, after the dot */
font-size: 10px; font-size: 11px;
color: var(--text-muted); color: var(--text-muted);
} }
@@ -338,8 +338,8 @@ body {
} }
.city-item .risk-dot { .city-item .risk-dot {
width: 8px; width: 10px;
height: 8px; height: 10px;
border-radius: 50%; border-radius: 50%;
flex-shrink: 0; flex-shrink: 0;
} }