feat(deploy): Deploy app in firebase and fix some troubles found duri…

…ng this

.firebase/hosting.ZGlzdA.cache

@@ -0,0 +1,9 @@
+404.html,1707490124563,d9425c16bb16ae1d47f4418eb1e94d8caabe930fb269154df554d09573d80cb5
+favicon.ico,1707489975594,642f1aaa9a48d91d01009c5d59bf43b000ac928f2087032988c612cfc9a0ffcf
+index.html,1707489975754,f71816102f8c181e5356b2a4e86eedffa632944fd2f4e6b330280b09733ef624
+assets/background-zxbUyEDC.png,1707489975754,21491117a988ab2a35192e617e1d1b3bc6e09907951cb82916512cfd170dbdd8
+assets/fireman-helmet-Ukc3N7ug.png,1707489975754,f8c2804ac98abb8be17dab1f4c198cf379a3122e19b82a898bf919a55c6c12b3
+assets/google-logo-7SJOUJsJ.png,1707489975754,f56e9879d41f269f2bb757924c931fff5bd22ed1b6ec2563327125f872e34312
+assets/index-Sp_CHkP0.css,1707489975754,18dbee90a44aac1aff9f5e22b8d01f4049d087408b834e106631adff7c309ef4
+assets/index-lNMBsl6H.js,1707489975754,c73429f9cf50d0f1f95ce9b9f11af7f9dadc25d5c6561ac03beaa50e12ff2989
+assets/logo-FNuJ5V5l.png,1707489975754,c7e4655162bd792eb336d1d9c9ef1dc162a5be24ea5651694f354d2732d5262d

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "udsp59"
+  }
+}

firebase.json

@@ -0,0 +1,6 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
+  }
+}

src/components/AccountCard.vue

@@ -97,16 +97,16 @@ function editAccount(id: string, attribute: string, value: any) {
     position: relative;
     margin-bottom: 0.5rem;
 
-    & img[src*="user"] {
+    & img {
       height: 4rem;
       width: 4rem;
-    }
 
-    & img[src*="fireman"] {
-      height: 2.8rem;
-      width: 3.3rem;
-      position: absolute;
-      top: -1.6rem;
+      &[src*="fireman"] {
+        height: 2.8rem;
+        width: 3.3rem;
+        position: absolute;
+        top: -1.6rem;
+      }
     }
   }
 

src/views/AccountsView.vue

@@ -21,7 +21,11 @@ onMounted(async () => {
     class="accounts-view"
     v-else
   >
+    <div v-if="dataStore.accountsEdited.size == 0">
+      <p>Aucun compte pour le moment.</p>
+    </div>
     <AccountCard
+      v-else
       v-for="[id, account] in dataStore.accountsEdited"
       :key="id"
       :id="id"

src/views/LoginView.vue

@@ -65,7 +65,7 @@ main.login-view {
     background-position: center;
     background-size: cover;
     text-align: center;
-    flex: 1.5;
+    width: 58%;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -76,7 +76,7 @@ main.login-view {
   }
 
   & section:last-child {
-    flex: 1;
+    width: 42%;
     display: flex;
     flex-direction: column;
     justify-content: center;

src/views/ModulesView.vue

@@ -18,7 +18,11 @@ onMounted(async () => {
 <template>
   <AppLoader v-if="isLoading" />
   <main v-else>
+    <div v-if="dataStore.getSortedModules().length == 0">
+      <p>Aucun module pour le moment.</p>
+    </div>
     <ModuleCard
+      v-else
       v-for="module in dataStore.getSortedModules()"
       :key="module.id"
       :id="module.id"

src/views/PageView.vue

@@ -258,7 +258,7 @@ main.page-view {
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
-      align-items: flex-start;
+      align-items: center;
       align-content: flex-start;
       gap: 1.5rem;
       width: 100%;

src/views/TipsView.vue

@@ -21,7 +21,11 @@ onMounted(async () => {
     class="tips-view"
     v-else
   >
+    <div v-if="dataStore.tipsEdited.length == 0">
+      <p>Aucune astuce pour le moment.</p>
+    </div>
     <TipCard
+      v-else
       v-for="(tip, index) in dataStore.tipsEdited"
       :key="index"
       :index="index"