mirror of
https://github.com/gotson/komga.git
synced 2025-12-29 11:52:56 +01:00
fix(webui): startup logo fits small screens
This commit is contained in:
parent
ea0a85cb65
commit
ecaf8d0890
1 changed files with 18 additions and 1 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<div class="pa-6">
|
||||
<v-row align="center" justify="center">
|
||||
<v-img src="../assets/logo.svg"
|
||||
max-width="400"
|
||||
:max-width="logoWidth"
|
||||
/>
|
||||
</v-row>
|
||||
</div>
|
||||
|
|
@ -13,6 +13,23 @@ import Vue from 'vue'
|
|||
|
||||
export default Vue.extend({
|
||||
name: 'StartupView',
|
||||
computed: {
|
||||
logoWidth(): number {
|
||||
let l = 100
|
||||
switch (this.$vuetify.breakpoint.name) {
|
||||
case 'xs':
|
||||
l = 100
|
||||
case 'sm':
|
||||
case 'md':
|
||||
l = 200
|
||||
case 'lg':
|
||||
case 'xl':
|
||||
default:
|
||||
l = 300
|
||||
}
|
||||
return l
|
||||
},
|
||||
},
|
||||
async mounted() {
|
||||
try {
|
||||
if (this.$route.query.xAuthToken) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue