From ecaf8d0890b4eec4dab3853dc8858cddcdf60dcb Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Wed, 12 Jul 2023 10:29:16 +0800
Subject: [PATCH] fix(webui): startup logo fits small screens

---
 komga-webui/src/views/StartupView.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/komga-webui/src/views/StartupView.vue b/komga-webui/src/views/StartupView.vue
index 1c0ce75a6..24e72cbb3 100644
--- a/komga-webui/src/views/StartupView.vue
+++ b/komga-webui/src/views/StartupView.vue
@@ -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) {