feat: replacing windicss by tailwindcss in hoppscotch-ui (#3076)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Co-authored-by: nivedin <nivedinp@gmail.com>
This commit is contained in:
Anwarul Islam
2023-11-01 21:25:08 +06:00
committed by GitHub
parent 59b5a50a97
commit a215860782
174 changed files with 6921 additions and 5185 deletions

View File

@@ -4,7 +4,7 @@
<div class="p-4">
<div
v-if="loadingCurrentUser"
class="flex flex-col items-center justify-center flex-1 p-4"
class="flex flex-1 flex-col items-center justify-center p-4"
>
<HoppSmartSpinner class="mb-4" />
</div>
@@ -21,10 +21,10 @@
</HoppSmartPlaceholder>
<div v-else class="space-y-8">
<div
class="h-24 rounded bg-primaryLight -mb-11 md:h-32"
class="-mb-11 h-24 rounded bg-primaryLight md:h-32"
style="background-image: url(/images/cover.svg)"
></div>
<div class="flex flex-col justify-between px-4 space-y-8 md:flex-row">
<div class="flex flex-col justify-between space-y-8 px-4 md:flex-row">
<div class="flex items-end">
<HoppSmartPicture
v-if="currentUser.photoURL"
@@ -32,7 +32,7 @@
:alt="
currentUser.displayName || t('profile.default_displayname')
"
class="ring-primary ring-4"
class="ring-4 ring-primary"
size="16"
rounded="lg"
/>
@@ -41,7 +41,7 @@
:initial="currentUser.displayName || currentUser.email"
rounded="lg"
size="16"
class="ring-primary ring-4"
class="ring-4 ring-primary"
/>
<div class="ml-4">
<label class="heading">
@@ -56,13 +56,13 @@
v-if="currentUser.emailVerified"
v-tippy="{ theme: 'tooltip' }"
:title="t('settings.verified_email')"
class="ml-2 text-green-500 svg-icons focus:outline-none cursor-help"
class="svg-icons ml-2 cursor-help text-green-500 focus:outline-none"
/>
<HoppButtonSecondary
v-else
:label="t('settings.verify_email')"
:icon="IconVerified"
class="px-1 py-0 ml-2"
class="ml-2 px-1 py-0"
:loading="verifyingEmailAddress"
@click="sendEmailVerification"
/>
@@ -110,7 +110,7 @@
filled
outline
:label="t('action.save')"
class="ml-2 min-w-16"
class="min-w-16 ml-2"
type="submit"
:loading="updatingDisplayName"
@click="updateDisplayName"
@@ -133,7 +133,7 @@
filled
outline
:label="t('action.save')"
class="ml-2 min-w-16"
class="min-w-16 ml-2"
type="submit"
:loading="updatingEmailAddress"
@click="updateEmailAddress"
@@ -152,7 +152,7 @@
<div class="my-1 text-secondaryLight">
{{ t("settings.sync_description") }}
</div>
<div class="py-4 space-y-4">
<div class="space-y-4 py-4">
<div class="flex items-center">
<HoppSmartToggle
:on="SYNC_COLLECTIONS"