Version 1.2.0 - Ajout des suggestions et de paramètres

src/components/UI/SubsonicsLogo.vue

@@ -2,7 +2,11 @@
     <div class="subsonics-logo">
         <LogoDark class="img" v-if="globalStore.theme == 'light'"/>
         <LogoLight class="img" v-else/>
-        <h1>Subsonics</h1>
+        <div v-if="dev" class="text-p">
+            <h1>Subsonics</h1>
+            <p>Developement</p>
+        </div>
+        <h1 v-if="!dev">Subsonics</h1>
     </div>
 </template>
 <script setup>
@@ -10,6 +14,8 @@ import LogoDark from '@/assets/LogoDark.vue';
 import LogoLight from '@/assets/LogoLight.vue';
 import { useGlobalStore } from '@/stores/globalStore';
 
+const dev = import.meta.env.DEV;
+
 const globalStore = useGlobalStore();
 </script>
 <style scoped>
@@ -27,6 +33,25 @@ const globalStore = useGlobalStore();
         justify-content: center;
     }
 
+    .text-p {
+        display: flex;
+        align-items: flex-start;
+        flex-direction: column;
+        position: relative;
+    }
+    
+      .text-p h1 {
+        margin: 0 !important;
+      }
+
+       .text-p p {
+        margin: 0 !important;
+        font-family: 'Gunship', sans-serif;
+        position: absolute;
+        bottom: -10px;
+        font-size: 0.8em;
+      }
+
     @media screen and (max-width: 768px),
             screen and (max-height: 607px) {
         .img {