Removed: unwanted css for empty-state handling(#142)

hotwax · Apr 10, 2024 · 7e57806 · 7e57806
1 parent 4a86a42
commit 7e57806
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/src/views/BrokeringRuns.vue b/src/views/BrokeringRuns.vue
@@ -67,12 +67,14 @@
             </ion-card>
           </section>
         </main>
-        <main class="empty-state" v-else>
-          <img src="../assets/images/BrokeringRunsEmptyState.png" />
-          <ion-button @click="addNewRun">
-            {{ translate("Create brokering run") }}
-            <ion-icon slot="end" :icon="arrowForwardOutline"></ion-icon>
-          </ion-button>
+        <main v-else>
+          <div class="empty-state">
+            <img src="../assets/images/BrokeringRunsEmptyState.png" />
+            <ion-button @click="addNewRun">
+              {{ translate("Create brokering run") }}
+              <ion-icon slot="end" :icon="arrowForwardOutline"></ion-icon>
+            </ion-button>
+          </div>
         </main>
       </div>
     </ion-content>
@@ -174,11 +176,6 @@ async function redirect(group: Group) {
 </script>
 
 <style scoped>
-.empty-state {
-  align-items: center;
-  gap: 0px;
-}
-
 @media (min-width: 991px) {
   main {
     display: flex;