Version 1.0.0 - Frontend

2025-08-29 00:22:08 +02:00
parent b5dc2a9e37
commit 01b089f1f6
83 changed files with 5613 additions and 245 deletions
--- a/src/components/UI/SubsonicsLogo.vue
+++ b/src/components/UI/SubsonicsLogo.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="subsonics-logo">
        <LogoDark class="img" v-if="globalStore.theme == 'light'"/>
        <LogoLight class="img" v-else/>
        <h1>Subsonics</h1>
@@ -20,6 +20,22 @@ const globalStore = useGlobalStore();
    div {
        display: flex;
        align-items: center;
-        gap: 10px;
    }
+    
+    .subsonics-logo {
+        width: 100%;
+        justify-content: center;
+    }
+
+    @media screen and (max-width: 768px),
+            screen and (max-height: 607px) {
+        .img {
+        width: 70px;
+        height: 70px;
+        }  
+        h1 {
+            font-size: 6vw;
+        }
+    }
+
 </style>