Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 05:18:11 +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;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
gap: 0 1rem;
padding: 0 2rem;
padding: 0 1rem;
@include smallScreen() {
display: flex;
@@ -176,8 +175,9 @@ export default class StationTimetable extends Vue {
.timetable {
&-general {
padding: 0.3rem 0.5rem;
border: 1px solid white;
padding: 0.3rem 0.7rem;
border: 2px solid white;
border-radius: 10px;
display: flex;
align-items: center;
@@ -197,8 +197,8 @@ export default class StationTimetable extends Vue {
}
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
font-size: 1.3em;
grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
font-size: 1.35em;
}
}
src/styles/user_badge.scss
+10 -9
View File
@@ -5,15 +5,16 @@ $online: gold;
$terminated: red;
$disconnected: slategray;
.user-badge {
border: 1px solid white;
border: 2px solid white;
z-index: 4;
margin-top: 0.3rem;
margin-right: 0.3rem;
margin-top: 0.5rem;
margin-right: 0.5rem;
border-radius: 0.7em;
padding: 0.2em 0.5em;
padding: 0.3em 0.5em;
font-size: 0.95em;
&.borderless {
@@ -23,7 +24,7 @@ $disconnected: slategray;
}
&.no-timetable {
border: 1px solid $no-timetable;
border: 2px solid $no-timetable;
a {
color: $no-timetable;
@@ -32,19 +33,19 @@ $disconnected: slategray;
}
&.departed {
border: 1px solid $departed;
border: 2px solid $departed;
}
&.stopped {
border: 1px solid $stopped;
border: 2px solid $stopped;
}
&.online {
border: 1px solid $online;
border: 2px solid $online;
}
&.terminated {
border: 1px solid $terminated;
border: 2px solid $terminated;
}
&.disconnected {