furyhawk/bus_sg_app
1
0
Fork 0
mirror of https://github.com/furyhawk/bus_sg_app.git synced 2026-07-21 02:06:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update stop metadata layout for improved compact display

Browse Source
This commit is contained in:
furyhawk
2026-06-09 22:11:33 +08:00
parent b7274c1d8c
commit 7657196408
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+7 -3
View File
@@ -348,17 +348,21 @@ button:hover {
.stop-meta {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
}
.stop-meta.compact {
gap: 0.4rem;
}
.stop-meta.compact .meta-item {
padding: 0.35rem 0.5rem;
padding: 0.3rem 0.45rem;
border-radius: 10px;
}
.stop-meta.compact .meta-item strong {
font-size: 0.82rem;
font-size: 0.8rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
src/routes/+page.svelte
-4
View File
@@ -549,10 +549,6 @@
</div>
<div class="stop-meta compact">
<div class="meta-item">
<span class="meta-label">Stop</span>
<strong>{selectedStop ? selectedStop.code : "-"}</strong>
</div>
<div class="meta-item">
<span class="meta-label">Road</span>
<strong>{selectedStop?.roadName || "-"}</strong>