From 20720ae7ccf44c4699d0154a0aa6ed3216813914 Mon Sep 17 00:00:00 2001
From: primetoxinz <tmars004@odu.edu>
Date: Tue, 25 Feb 2020 01:22:12 -0500
Subject: [PATCH] fix(webui): responsive scaling for login page logo

---
 komga-webui/src/views/Login.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/komga-webui/src/views/Login.vue b/komga-webui/src/views/Login.vue
index b685ba07d..3eabeeb5f 100644
--- a/komga-webui/src/views/Login.vue
+++ b/komga-webui/src/views/Login.vue
@@ -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 {