refactor: improve ui consistency

This commit is contained in:
liyasthomas
2022-03-09 11:28:15 +05:30
parent 76aea260ae
commit dee62c2a25
2 changed files with 6 additions and 4 deletions

View File

@@ -32,7 +32,7 @@
} }
" "
/> />
<hr /> <hr v-if="environments.length > 0" />
<SmartItem <SmartItem
v-for="(gen, index) in environments" v-for="(gen, index) in environments"
:key="`gen-${index}`" :key="`gen-${index}`"

View File

@@ -1,8 +1,10 @@
<template> <template>
<div class="flex flex-col overflow-auto hide-scrollbar whitespace-nowrap"> <div
class="flex flex-col flex-1 overflow-auto hide-scrollbar whitespace-nowrap"
>
<div <div
v-if="responseString === 'loading'" v-if="responseString === 'loading'"
class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight" class="flex flex-col items-center justify-center p-4 text-secondaryLight"
> >
<SmartSpinner class="my-4" /> <SmartSpinner class="my-4" />
<span class="text-secondaryLight">{{ t("state.loading") }}</span> <span class="text-secondaryLight">{{ t("state.loading") }}</span>
@@ -42,7 +44,7 @@
</div> </div>
<div <div
v-else v-else
class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight" class="flex flex-col items-center justify-center p-4 text-secondaryLight"
> >
<div class="flex pb-4 my-4 space-x-2"> <div class="flex pb-4 my-4 space-x-2">
<div class="flex flex-col items-end text-right space-y-4"> <div class="flex flex-col items-end text-right space-y-4">