Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 21:38:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Poprawki w wyglądzie karty rozkładów

Browse Source
This commit is contained in:
Spythere
2020-11-09 22:47:25 +01:00
parent 6117b9c8f0
commit cd8cc83cd7
2 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StationsView/StationTimetable.vue
+6 -6
View File
@@ -162,9 +162,8 @@ export default class StationTimetable extends Vue {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
gap: 0 1rem;
padding: 0 2rem; padding: 0 1rem;
@include smallScreen() { @include smallScreen() {
display: flex; display: flex;
@@ -176,8 +175,9 @@ export default class StationTimetable extends Vue {
.timetable { .timetable {
&-general { &-general {
padding: 0.3rem 0.5rem; padding: 0.3rem 0.7rem;
border: 1px solid white; border: 2px solid white;
border-radius: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -197,8 +197,8 @@ export default class StationTimetable extends Vue {
} }
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
font-size: 1.3em; font-size: 1.35em;
} }
} }
src/styles/user_badge.scss
+10 -9
View File
@@ -5,15 +5,16 @@ $online: gold;
$terminated: red; $terminated: red;
$disconnected: slategray; $disconnected: slategray;
.user-badge { .user-badge {
border: 1px solid white; border: 2px solid white;
z-index: 4; z-index: 4;
margin-top: 0.3rem; margin-top: 0.5rem;
margin-right: 0.3rem; margin-right: 0.5rem;
border-radius: 0.7em; border-radius: 0.7em;
padding: 0.2em 0.5em; padding: 0.3em 0.5em;
font-size: 0.95em; font-size: 0.95em;
&.borderless { &.borderless {
@@ -23,7 +24,7 @@ $disconnected: slategray;
} }
&.no-timetable { &.no-timetable {
border: 1px solid $no-timetable; border: 2px solid $no-timetable;
a { a {
color: $no-timetable; color: $no-timetable;
@@ -32,19 +33,19 @@ $disconnected: slategray;
} }
&.departed { &.departed {
border: 1px solid $departed; border: 2px solid $departed;
} }
&.stopped { &.stopped {
border: 1px solid $stopped; border: 2px solid $stopped;
} }
&.online { &.online {
border: 1px solid $online; border: 2px solid $online;
} }
&.terminated { &.terminated {
border: 1px solid $terminated; border: 2px solid $terminated;
} }
&.disconnected { &.disconnected {