chore(ui): minor ui improvements, empty teams state

2021-10-05 22:17:29 +05:30
parent 409989eddb
commit b103c45e65
3 changed files with 15 additions and 11 deletions
--- a/packages/hoppscotch-app/components/teams/index.vue
+++ b/packages/hoppscotch-app/components/teams/index.vue
@@ -19,10 +19,18 @@
          E.isRight(myTeams.data) &&
          myTeams.data.right.myTeams.length === 0
        "
-        class="flex items-center"
+        class="
+          flex flex-col
+          text-secondaryLight
+          p-4
+          items-center
+          justify-center
+        "
      >
-        <i class="mr-4 material-icons">help_outline</i>
-        {{ $t("empty.teams") }}
+        <i class="opacity-75 pb-2 material-icons">help_outline</i>
+        <span class="text-center">
+          {{ $t("empty.teams") }}
+        </span>
      </div>
      <div
        v-else-if="!myTeams.loading && E.isRight(myTeams.data)"