btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/hoppscotch-common/src/components/profile/Shortcode.vue
View File

@@ -1,8 +1,8 @@
<template>
<div
class="block w-full my-6 border divide-y lg:flex lg:my-0 lg:border-0 lg:divide-y-0 lg:divide-x divide-dividerLight border-dividerLight"
class="my-6 block w-full divide-y divide-dividerLight border border-dividerLight lg:my-0 lg:flex lg:divide-x lg:divide-y-0 lg:border-0"
>
<div class="font-mono text-tiny table-box">
<div class="table-box font-mono text-tiny">
{{ shortcode.id }}
</div>
<div class="table-box" :class="requestLabelColor">
@@ -14,7 +14,7 @@
<div ref="timeStampRef" class="table-box">
{{ dateStamp }}
</div>
<div class="justify-center table-box">
<div class="table-box justify-center">
<HoppButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="t('action.open_workspace')"
@@ -117,6 +117,6 @@ const copyShortcode = (codeID: string) => {
<style lang="scss" scoped>
.table-box {
@apply flex flex-1 items-center px-4 py-1 truncate;
@apply flex flex-1 items-center truncate px-4 py-1;
}
</style>

12
packages/hoppscotch-common/src/components/profile/Shortcodes.vue
View File

@@ -6,7 +6,7 @@
<div class="my-1 text-secondaryLight">
{{ t("settings.short_codes_description") }}
</div>
<div class="relative py-4 overflow-x-auto">
<div class="relative overflow-x-auto py-4">
<div v-if="loading" class="flex flex-col items-center justify-center">
<HoppSmartSpinner class="mb-4" />
<span class="text-secondaryLight">{{ t("state.loading") }}</span>
@@ -20,7 +20,7 @@
</HoppSmartPlaceholder>
<div v-else-if="!loading">
<div
class="hidden w-full border-t rounded-t bg-primaryLight lg:flex border-x border-dividerLight"
class="hidden w-full rounded-t border-x border-t border-dividerLight bg-primaryLight lg:flex"
>
<div class="flex w-full overflow-y-scroll">
<div class="table-box">
@@ -35,13 +35,13 @@
<div class="table-box">
{{ t("shortcodes.created_on") }}
</div>
<div class="justify-center table-box">
<div class="table-box justify-center">
{{ t("shortcodes.actions") }}
</div>
</div>
</div>
<div
class="flex flex-col items-center justify-between w-full overflow-y-scroll border rounded max-h-sm lg:rounded-t-none lg:divide-y border-dividerLight divide-dividerLight"
class="flex max-h-sm w-full flex-col items-center justify-between divide-dividerLight overflow-y-scroll rounded border border-dividerLight lg:divide-y lg:rounded-t-none"
>
<ProfileShortcode
v-for="(shortcode, shortcodeIndex) in myShortcodes"
@@ -63,7 +63,7 @@
v-if="!loading && adapterError"
class="flex flex-col items-center py-4"
>
<icon-lucide-help-circle class="mb-4 svg-icons" />
<icon-lucide-help-circle class="svg-icons mb-4" />
{{ getErrorMessage(adapterError) }}
</div>
</div>
@@ -163,6 +163,6 @@ const getErrorMessage = (err: GQLError<string>) => {
<style lang="scss" scoped>
.table-box {
@apply flex flex-1 items-center px-4 py-2 truncate;
@apply flex flex-1 items-center truncate px-4 py-2;
}
</style>

8
packages/hoppscotch-common/src/components/profile/UserDelete.vue
View File

@@ -26,14 +26,14 @@
</div>
<div
v-else-if="myTeams.length"
class="flex flex-col p-4 space-y-2 border border-red-500 rounded-lg text-secondaryDark bg-error"
class="flex flex-col space-y-2 rounded-lg border border-red-500 bg-error p-4 text-secondaryDark"
>
<h2 class="font-bold text-red-500">
{{ t("error.danger_zone") }}
</h2>
<div>
{{ t("error.delete_account") }}
<ul class="my-4 ml-8 space-y-2 list-disc">
<ul class="my-4 ml-8 list-disc space-y-2">
<li v-for="team in myTeams" :key="team.id">
{{ team.name }}
</li>
@@ -45,7 +45,7 @@
</div>
<div v-else>
<div
class="flex flex-col p-4 mb-4 space-y-2 border border-red-500 rounded-lg text-secondaryDark bg-error"
class="mb-4 flex flex-col space-y-2 rounded-lg border border-red-500 bg-error p-4 text-secondaryDark"
>
<h2 class="font-bold text-red-500">
{{ t("error.danger_zone") }}
@@ -83,7 +83,7 @@
myTeams.length > 0 ||
userVerificationInput !== 'delete my account'
"
class="!bg-red-500 !hover:bg-red-600 !border-red-500 !hover:border-red-600"
class="!hover:bg-red-600 !hover:border-red-600 !border-red-500 !bg-red-500"
@click="deleteUserAccount"
/>
<HoppButtonSecondary