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 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> </span>
</td> </td>
<td class="station_info" v-if="station.generalInfo"> <td class="station-info" v-if="station.generalInfo">
<span <span
class="scenery-icon icon-info" class="scenery-icon icon-info"
:class="station.generalInfo.controlType.replace('+', '-')" :class="station.generalInfo.controlType.replace('+', '-')"
@@ -201,25 +201,21 @@
> >
</span> </span>
<span> <img
<img class="icon-info"
class="icon-info" v-if="station.generalInfo.signalType"
v-if="station.generalInfo.SUP" :src="`/images/icon-${station.generalInfo.signalType}.svg`"
src="/images/icon-SUP.svg" :alt="station.generalInfo.signalType"
alt="SUP (RASP-UZK)" :title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)"
:title="$t('desc.SUP')" />
/>
</span>
<span> <img
<img class="icon-info"
class="icon-info" v-if="station.generalInfo.SUP"
v-if="station.generalInfo.signalType" src="/images/icon-SUP.svg"
:src="`/images/icon-${station.generalInfo.signalType}.svg`" alt="SUP (RASP-UZK)"
:alt="station.generalInfo.signalType" :title="$t('desc.SUP')"
:title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)" />
/>
</span>
</td> </td>
<td class="station-info" v-else> <td class="station-info" v-else>
@@ -530,30 +526,19 @@ tr {
} }
.station-info { .station-info {
display: flex;
align-items: center;
justify-content: center;
/* Images */ /* Images */
.icon-info { .icon-info {
// display: flex; vertical-align: middle;
// justify-content: center; line-height: 32px;
// align-items: center;
width: 32px; width: 32px;
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
margin: 0 0.2em; margin: 0 4px;
outline: 2px solid #444; outline: 2px solid #2b2b2b;
border-radius: 0.5em; border-radius: 5px;
@include smallScreen() {
width: 24px;
height: 24px;
font-size: 10px;
}
} }
} }
src/styles/JournalSection.scss
+1 -1
View File
@@ -11,7 +11,7 @@
} }
.journal_wrapper { .journal_wrapper {
max-width: 1350px; max-width: 1500px;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
src/styles/global.scss
+1
View File
@@ -19,6 +19,7 @@
--clr-donator: #f7a4ff; --clr-donator: #f7a4ff;
--no-scroll-padding: 17px; --no-scroll-padding: 17px;
--max-container-width: 1700px;
font-size: 16px; font-size: 16px;
} }
src/views/SceneryView.vue
+4 -6
View File
@@ -210,13 +210,13 @@ button.back-btn {
.scenery-wrapper { .scenery-wrapper {
display: grid; display: grid;
grid-template-columns: 4fr 5fr; grid-template-columns: 4fr 6fr;
gap: 0 1em; gap: 0 1em;
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1700px; max-width: var(--max-container-width);
min-height: 100vh; min-height: 100vh;
margin: 1rem 0; margin: 1rem 0;
@@ -234,11 +234,9 @@ button.back-btn {
padding: 1em 0.5em; padding: 1em 0.5em;
height: 95vh; height: 95vh;
min-height: 550px; min-height: 750px;
max-height: 1000px; max-height: 1000px;
overflow: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@@ -248,7 +246,7 @@ button.back-btn {
padding: 1em 0.5em; padding: 1em 0.5em;
height: 95vh; height: 95vh;
min-height: 550px; min-height: 750px;
max-height: 1000px; max-height: 1000px;
display: grid; display: grid;
src/views/StationsView.vue
+1 -1
View File
@@ -99,7 +99,7 @@ export default defineComponent({
.wrapper { .wrapper {
max-width: 100%; max-width: 100%;
width: 1700px; width: var(--max-container-width);
} }
.stations-options { .stations-options {
src/views/TrainsView.vue
+1 -1
View File
@@ -126,7 +126,7 @@ export default defineComponent({
.trains_wrapper { .trains_wrapper {
margin: 1rem auto; margin: 1rem auto;
max-width: 1350px; max-width: 1500px;
} }
.trains_topbar { .trains_topbar {