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

chore: layout & design fixes

Browse Source
This commit is contained in:
Spythere
2024-06-04 15:57:17 +02:00
parent 69ff85cfb1
commit 6c1e00d002
3 changed files with 274 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StationsView/StationTable.vue
+6 -6
View File
@@ -4,8 +4,7 @@
v-if="apiStore.dataStatuses.connection == Status.Loading && filteredStationList.length == 0" v-if="apiStore.dataStatuses.connection == Status.Loading && filteredStationList.length == 0"
/> />
<div class="table_wrapper" v-else-if="filteredStationList.length > 0"> <table v-else-if="filteredStationList.length > 0">
<table>
<thead> <thead>
<tr> <tr>
<th <th
@@ -217,8 +216,7 @@
:src="`/images/icon-${station.generalInfo.signalType}.svg`" :src="`/images/icon-${station.generalInfo.signalType}.svg`"
:alt="station.generalInfo.signalType" :alt="station.generalInfo.signalType"
:title=" :title="
$t('sceneries.info.signals-type') + $t('sceneries.info.signals-type') + $t(`signals.${station.generalInfo.signalType}`)
$t(`signals.${station.generalInfo.signalType}`)
" "
/> />
@@ -299,7 +297,6 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<div class="no-stations" v-else> <div class="no-stations" v-else>
<div> <div>
@@ -415,12 +412,15 @@ export default defineComponent({
@import '../../styles/icons.scss'; @import '../../styles/icons.scss';
$rowCol: #424242; $rowCol: #424242;
$tableBgCol: #555555;
.station_table { .station_table {
height: 80vh; height: 80vh;
min-height: 700px; min-height: 700px;
overflow: auto; overflow-y: scroll;
overflow-x: auto;
font-weight: 500; font-weight: 500;
background-color: $tableBgCol;
} }
.no-stations { .no-stations {
src/router/index.ts
+1 -1
View File
@@ -58,7 +58,7 @@ const routes: Array<RouteRecordRaw> = [
const router = createRouter({ const router = createRouter({
scrollBehavior(to, from, savedPosition) { scrollBehavior(to, from, savedPosition) {
if (to.name == 'SceneryView' && from.name !== to.name && from.query['view'] === undefined) if (to.name == 'SceneryView' && from.name !== to.name && from.query['view'] === undefined)
return { el: `.app_main` }; return { el: `.app_main`, top: -15 };
if (savedPosition) return savedPosition; if (savedPosition) return savedPosition;
}, },
src/views/SceneryView.vue
+4 -13
View File
@@ -121,10 +121,6 @@ export default defineComponent({
Status: Status.Data Status: Status.Data
}), }),
// activated() {
// this.loadSelectedCheckpoint();
// },
setup() { setup() {
const route = useRoute(); const route = useRoute();
@@ -215,11 +211,10 @@ button.back-btn {
position: relative; position: relative;
width: 100%;
max-width: var(--max-container-width); max-width: var(--max-container-width);
min-height: 100vh; width: 100%;
margin: 1rem 0; padding: 1rem 0;
text-align: center; text-align: center;
&[data-timetable-only='true'] { &[data-timetable-only='true'] {
@@ -233,9 +228,7 @@ button.back-btn {
background-color: #181818; background-color: #181818;
padding: 1em 0.5em; padding: 1em 0.5em;
height: 100vh; height: calc(100vh - 0.5em);
min-height: 750px;
max-height: 1000px;
overflow: auto; overflow: auto;
display: flex; display: flex;
@@ -246,9 +239,7 @@ button.back-btn {
background: #181818; background: #181818;
padding: 1em 0.5em; padding: 1em 0.5em;
height: 100vh; height: calc(100vh - 0.5em);
min-height: 750px;
max-height: 1000px;
display: grid; display: grid;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;