refactor(ui): title and actions slot on modals

2021-08-08 12:42:29 +05:30
parent 4d76c83328
commit 42d2dd284f
25 changed files with 114 additions and 137 deletions
--- a/components/firebase/Login.vue
+++ b/components/firebase/Login.vue
@@ -1,9 +1,10 @@
 <template>
-  <SmartModal v-if="show" dialog @close="hideModal">
-    <template #header>
-      <h3 class="heading">{{ $t("login_to_hoppscotch") }}</h3>
-      <ButtonSecondary icon="close" @click.native="hideModal" />
-    </template>
+  <SmartModal
+    v-if="show"
+    :title="$t('login_to_hoppscotch')"
+    dialog
+    @close="hideModal"
+  >
    <template #body>
      <div v-if="mode === 'sign-in'" class="flex flex-col space-y-2">
        <SmartItem