fix(webui): responsive scaling for login page logo

This commit is contained in:
primetoxinz 2020-02-25 01:22:12 -05:00 committed by GitHub
parent fb147a447a
commit 20720ae7cc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -2,7 +2,7 @@
<div class="ma-3">
<v-row align="center" justify="center">
<v-img src="../assets/logo.svg"
max-width="400"
:max-width="logoWidth"
/>
</v-row>
@ -66,6 +66,21 @@ export default Vue.extend({
snackbar: false,
snackText: ''
}),
computed: {
logoWidth (): number {
switch (this.$vuetify.breakpoint.name) {
case 'xs':
return 100
case 'sm':
case 'md':
return 200
case 'lg':
case 'xl':
default:
return 400
}
}
},
methods: {
async performLogin () {
try {