Spythere/pojazdownik
1
0
Fork 0
mirror of https://github.com/Spythere/pojazdownik.git synced 2026-05-02 21:08:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

design update & fixes

Browse Source
This commit is contained in:
Spythere
2024-02-01 16:12:41 +01:00
parent 6101c9bfb2
commit 2158145ae8
4 changed files with 13 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/app/Footer.vue
+8 -16
View File
@@ -3,35 +3,32 @@
<i18n-t keypath="footer.disclaimer" tag="div" class="text--grayed"> <i18n-t keypath="footer.disclaimer" tag="div" class="text--grayed">
<template #tos> <template #tos>
<a style="color: #ccc" :href="$t('footer.tos-href')" target="_blank"> <a style="color: #ccc" :href="$t('footer.tos-href')" target="_blank">
{{ $t("footer.tos") }} {{ $t('footer.tos') }}
</a> </a>
</template> </template>
</i18n-t> </i18n-t>
<div class="text--grayed" v-if="store.stockData"> <div class="text--grayed" v-if="store.stockData">
{{ $t("footer.version-check", { version: store.stockData.version }) }} {{ $t('footer.version-check', { version: store.stockData.version }) }}
</div> </div>
<div> <div>
&copy; &copy;
<a href="https://td2.info.pl/profile/?u=20777" target="_blank" <a href="https://td2.info.pl/profile/?u=20777" target="_blank">Spythere</a>
>Spythere</a {{ new Date().getUTCFullYear() }} | v{{ VERSION }}{{ !isOnProductionHost ? 'dev' : '' }}
>
{{ new Date().getUTCFullYear() }} | v{{ VERSION
}}{{ !isOnProductionHost ? "dev" : "" }}
</div> </div>
</footer> </footer>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from "vue"; import { defineComponent } from 'vue';
import packageInfo from "../../../package.json"; import packageInfo from '../../../package.json';
import { useStore } from "../../store"; import { useStore } from '../../store';
export default defineComponent({ export default defineComponent({
data() { data() {
return { return {
isOnProductionHost: location.hostname == "pojazdownik-td2.web.app", isOnProductionHost: location.hostname == 'pojazdownik-td2.web.app',
VERSION: packageInfo.version, VERSION: packageInfo.version,
store: useStore(), store: useStore(),
}; };
@@ -41,12 +38,7 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
footer { footer {
display: flex;
flex-direction: column;
gap: 0.25em;
text-align: center; text-align: center;
padding: 1em 1em 0 1em; padding: 1em 1em 0 1em;
margin-top: auto;
} }
</style> </style>
src/components/app/MainContainer.vue
+1 -2
View File
@@ -28,10 +28,9 @@ main {
width: 100%; width: 100%;
max-width: 1350px; max-width: 1350px;
min-height: 75vh;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
grid-template-rows: auto 360px minmax(400px, 1fr); grid-template-rows: auto 360px minmax(300px, 1fr);
background-color: darken($color: $bgColor, $amount: 5); background-color: darken($color: $bgColor, $amount: 5);
border-radius: 1em; border-radius: 1em;
src/components/tabs/StockListTab.vue
+1 -1
View File
@@ -470,7 +470,7 @@ export default defineComponent({
ul { ul {
position: relative; position: relative;
overflow: auto; overflow: auto;
height: 500px; height: 550px;
} }
ul > li { ul > li {
src/views/AppContainerView.vue
+3 -3
View File
@@ -26,12 +26,12 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.app-container { .app-container {
min-height: 100vh;
display: flex; display: flex;
flex-direction: column; justify-content: center;
align-items: center; align-items: center;
flex-direction: column;
min-height: 100vh;
padding: 0.5em; padding: 0.5em;
} }
</style> </style>