diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-05 12:33:31 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-05 12:33:43 +0100 |
| commit | 234d069f74499872a1d6612dc1c3dff418c52f20 (patch) | |
| tree | 8ad94b351f4fc0faf00e9a5738af4467bd6b3ec6 /src/frontend/app/components/LineIcon.css | |
| parent | 569012a4db414201c09f8991e62e0a26cecd9e67 (diff) | |
Refactor LineIcon component to display the original line name and adjust StopSheet styles for better layout
Diffstat (limited to 'src/frontend/app/components/LineIcon.css')
| -rw-r--r-- | src/frontend/app/components/LineIcon.css | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/frontend/app/components/LineIcon.css b/src/frontend/app/components/LineIcon.css index b52e566..94d5848 100644 --- a/src/frontend/app/components/LineIcon.css +++ b/src/frontend/app/components/LineIcon.css @@ -5,7 +5,9 @@ --line-vigo-c3d: rgb(255, 204, 0); --line-vigo-c3i: rgb(255, 204, 0); --line-vigo-l4a: rgb(0, 153, 0); + --line-vigo-l4a-text: #ffffff; --line-vigo-l4c: rgb(0, 153, 0); + --line-vigo-l4c-text: #ffffff; --line-vigo-l5a: rgb(0, 176, 240); --line-vigo-l5b: rgb(0, 176, 240); --line-vigo-l6: rgb(204, 51, 153); @@ -19,10 +21,12 @@ --line-vigo-l12b: rgb(106, 150, 190); --line-vigo-l13: rgb(0, 176, 240); --line-vigo-l14: rgb(129, 142, 126); + --line-vigo-l14-text: #ffffff; --line-vigo-l15a: rgb(216, 168, 206); --line-vigo-l15b: rgb(216, 168, 206); --line-vigo-l15c: rgb(216, 168, 168); --line-vigo-l16: rgb(129, 142, 126); + --line-vigo-l16-text: #ffffff; --line-vigo-l17: rgb(214, 245, 31); --line-vigo-l18a: rgb(212, 80, 168); --line-vigo-l18a-text: #ffffff; @@ -103,17 +107,17 @@ .line-icon-rounded { display: block; - width: 54px; - height: 54px; + width: 5ch; + height: 5ch; box-sizing: border-box; background-color: var(--line-colour); color: var(--line-text-colour); - padding: 1.25rem 0.5rem; + padding: 1.75ch 1ch; text-align: center; border-radius: 50%; - font: 600 14px/1 monospace; - letter-spacing: 0.05em; + font: 600 14px / 1 monospace; + letter-spacing: .05em; } |