Set image width and height explicitly

damnUUUU · Jun 25, 2023 · 8660e77 · 8660e77
1 parent 97d114e
commit 8660e77
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -5,6 +5,8 @@
  src="@/assets/images/logo.svg"
  :class="$style['page__logo']"
  alt="Geoguess Master Logo"
+ :width="deviceState >= DEVICE_TYPES.TABLET_LANDSCAPE ? 60 : 44"
+ :height="deviceState >= DEVICE_TYPES.TABLET_LANDSCAPE ? 60 : 44"
  >
  <MySpace />
  <a href="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/spider-hand/GeoguessMaster">
@@ -48,6 +50,12 @@
 import MySpace from "@/components/shared/MySpace.vue";
 import AuroraBackground from "@/components/home/AuroraBackground.vue";
 import CreateGameForm from "@/components/home/CreateGameForm.vue";
+import { useDeviceStore } from "@/stores/device";
+import { storeToRefs } from "pinia";
+import { DEVICE_TYPES } from "@/constants";
+
+const deviceStore = useDeviceStore();
+const { deviceState } = storeToRefs(deviceStore);
 </script>
 
 <style module lang="scss">