chore: improve placeholder component styles

2023-12-10 14:34:30 +05:30
parent 4ac8a117ef
commit c0c0c37a67
41 changed files with 482 additions and 410 deletions
--- a/packages/hoppscotch-common/src/pages/realtime/mqtt.vue
+++ b/packages/hoppscotch-common/src/pages/realtime/mqtt.vue
@@ -142,12 +142,14 @@
        :alt="`${t('empty.subscription')}`"
        :text="`${t('empty.subscription')}`"
      >
-        <HoppButtonSecondary
-          :label="t('mqtt.new')"
-          filled
-          outline
-          @click="showSubscriptionModal(true)"
-        />
+        <template #body>
+          <HoppButtonSecondary
+            :label="t('mqtt.new')"
+            filled
+            outline
+            @click="showSubscriptionModal(true)"
+          />
+        </template>
      </HoppSmartPlaceholder>
      <div v-else>
        <div