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

poprawki szerokości

Browse Source
This commit is contained in:
Spythere
2024-03-02 22:19:41 +01:00
parent fcbd6d0883
commit 2a18ba4368
6 changed files with 28 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StationsView/StationTable.vue
+20 -35
View File
@@ -192,7 +192,7 @@
</span>
</td>
<td class="station_info" v-if="station.generalInfo">
<td class="station-info" v-if="station.generalInfo">
<span
class="scenery-icon icon-info"
:class="station.generalInfo.controlType.replace('+', '-')"
@@ -201,25 +201,21 @@
>
</span>
<span>
<img
class="icon-info"
v-if="station.generalInfo.SUP"
src="/images/icon-SUP.svg"
alt="SUP (RASP-UZK)"
:title="$t('desc.SUP')"
/>
</span>
<img
class="icon-info"
v-if="station.generalInfo.signalType"
:src="`/images/icon-${station.generalInfo.signalType}.svg`"
:alt="station.generalInfo.signalType"
:title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)"
/>
<span>
<img
class="icon-info"
v-if="station.generalInfo.signalType"
:src="`/images/icon-${station.generalInfo.signalType}.svg`"
:alt="station.generalInfo.signalType"
:title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)"
/>
</span>
<img
class="icon-info"
v-if="station.generalInfo.SUP"
src="/images/icon-SUP.svg"
alt="SUP (RASP-UZK)"
:title="$t('desc.SUP')"
/>
</td>
<td class="station-info" v-else>
@@ -530,30 +526,19 @@ tr {
}
.station-info {
display: flex;
align-items: center;
justify-content: center;
/* Images */
.icon-info {
// display: flex;
// justify-content: center;
// align-items: center;
vertical-align: middle;
line-height: 32px;
width: 32px;
height: 32px;
font-size: 12px;
margin: 0 0.2em;
margin: 0 4px;
outline: 2px solid #444;
border-radius: 0.5em;
@include smallScreen() {
width: 24px;
height: 24px;
font-size: 10px;
}
outline: 2px solid #2b2b2b;
border-radius: 5px;
}
}