fix: visualization of the sheets

tiki-deprecated · Oct 9, 2023 · f5d4109 · f5d4109
1 parent a3ab8fc
commit f5d4109
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 24 deletions.
diff --git a/src/components/sheet/sheet-imap-error.vue b/src/components/sheet/sheet-imap-error.vue
@@ -6,10 +6,11 @@
   <script setup lang="ts">
   import HeaderBack from "@/components/header/header-back.vue";
 
-  defineEmits(["remove", "close", "back"]);
+  defineEmits(["close", "back"]);
   </script>
 
   <template>
+    <div>
     <header-back
       text="Gmail Scan Error"
       @back="$emit('back')"
@@ -30,6 +31,7 @@
         <li>Click <b>save changes</b></li>
       </ol>
     </div>
+  </div>
   </template>
 
 <style>

diff --git a/src/components/sheet/sheet-scanning.vue b/src/components/sheet/sheet-scanning.vue
@@ -2,42 +2,43 @@
   - Copyright (c) TIKI Inc.
   - MIT license. See LICENSE file in root directory.
   -->
-  <script setup lang="ts">
-  import HeaderBack from "@/components/header/header-back.vue";
-  import ButtonText from "@/components/button/button-text.vue";
-  import { ButtonTextState } from "@/components/button/button-text-state";
-
-  defineEmits(["close", "back"]);
-  </script>
-
-  <template>
+<script setup lang="ts">
+import HeaderBack from "@/components/header/header-back.vue";
+import ButtonText from "@/components/button/button-text.vue";
+import { ButtonTextState } from "@/components/button/button-text-state";
+
+defineEmits(["close", "back"]);
+</script>
+
+<template>
+  <div>
     <header-back
       text="Scanning Emails"
       @back="$emit('back')"
       @close="$emit('close')"
     />
     <div class="alert-text">
       <p class="alert-text-bold">
-        Scanning may take up to a minute to complete. 
-        Please keep the app open in the background. We will notify you when complete.
+        Scanning may take up to a minute to complete. Please keep the app open
+        in the background. We will notify you when complete.
       </p>
     </div>
     <button-text
       text="Okay, Got it!"
       @click="$emit('back')"
       :state="ButtonTextState.STANDARD"
     />
-  </template>
-
+  </div>
+</template>
+
 <style>
-  .alert-text {
-    text-align: center;
-    font-family: var(--tiki-font-family);
-    font-size: var(--tiki-font-size);
-    line-height: var(--tiki-line-height);
-    color: var(--tiki-secondary-text-color);
-    margin: 0 1em 1.5em 1em;
-    font-weight: bold;
-  }
+.alert-text {
+  text-align: center;
+  font-family: var(--tiki-font-family);
+  font-size: var(--tiki-font-size);
+  line-height: var(--tiki-line-height);
+  color: var(--tiki-secondary-text-color);
+  margin: 0 1em 1.5em 1em;
+  font-weight: bold;
+}
 </style>
-