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/history/graphql/Card.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="flex flex-col group">
<div class="group flex flex-col">
<div class="flex items-center">
<span
v-tippy="{
@@ -7,7 +7,7 @@
delay: [500, 20],
content: entry.updatedOn ? shortDateTime(entry.updatedOn) : null,
}"
class="flex flex-1 min-w-0 py-2 pl-4 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
class="flex min-w-0 flex-1 cursor-pointer py-2 pl-4 pr-2 transition group-hover:text-secondaryDark"
data-testid="restore_history_entry"
@click="useEntry"
>
@@ -36,7 +36,7 @@
:title="!entry.star ? t('add.star') : t('remove.star')"
:icon="entry.star ? IconStarOff : IconStar"
color="yellow"
:class="{ 'group-hover:inline-flex hidden': !entry.star }"
:class="{ 'hidden group-hover:inline-flex': !entry.star }"
data-testid="star_button"
@click="emit('toggle-star')"
/>
@@ -45,7 +45,7 @@
<span
v-for="(line, index) in query"
:key="`line-${index}`"
class="px-4 font-mono truncate whitespace-pre cursor-pointer text-secondaryLight"
class="cursor-pointer truncate whitespace-pre px-4 font-mono text-secondaryLight"
data-testid="restore_history_entry"
@click="useEntry"
>{{ line }}</span

12
packages/hoppscotch-common/src/components/history/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<div
class="sticky top-0 z-10 flex flex-col flex-shrink-0 overflow-x-auto border-b bg-primary border-dividerLight"
class="sticky top-0 z-10 flex flex-shrink-0 flex-col overflow-x-auto border-b border-dividerLight bg-primary"
>
<WorkspaceCurrent :section="t('tab.history')" />
<div class="flex">
@@ -9,7 +9,7 @@
v-model="filterText"
type="search"
autocomplete="off"
class="flex flex-1 p-4 py-2 bg-transparent"
class="flex flex-1 bg-transparent p-4 py-2"
:placeholder="`${t('action.search')}`"
/>
<div class="flex">
@@ -69,13 +69,13 @@
open
>
<summary
class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group"
class="group flex min-w-0 flex-1 cursor-pointer items-center justify-between text-tiny text-secondaryLight transition focus:outline-none"
>
<span
class="inline-flex items-center justify-center px-4 py-2 transition group-hover:text-secondary truncate"
class="inline-flex items-center justify-center truncate px-4 py-2 transition group-hover:text-secondary"
>
<icon-lucide-chevron-right
class="mr-2 indicator flex flex-shrink-0"
class="indicator mr-2 flex flex-shrink-0"
/>
<span
:class="[
@@ -124,7 +124,7 @@
:text="`${t('state.nothing_found')} ‟${filterText || filterSelection}”`"
>
<template #icon>
<icon-lucide-search class="pb-2 opacity-75 svg-icons" />
<icon-lucide-search class="svg-icons pb-2 opacity-75" />
</template>
<HoppButtonSecondary
:label="t('action.clear')"

10
packages/hoppscotch-common/src/components/history/rest/Card.vue
View File

@@ -1,17 +1,17 @@
<template>
<div
class="flex items-stretch group"
class="group flex items-stretch"
@contextmenu.prevent="options!.tippy.show()"
>
<span
v-tippy="{ theme: 'tooltip', delay: [500, 20] }"
class="flex items-center justify-center w-16 px-2 truncate cursor-pointer"
class="flex w-16 cursor-pointer items-center justify-center truncate px-2"
:class="entryStatus.className"
data-testid="restore_history_entry"
:title="`${duration}`"
@click="emit('use-entry')"
>
<span class="font-semibold truncate text-tiny">
<span class="truncate text-tiny font-semibold">
{{ entry.request.method }}
</span>
</span>
@@ -21,7 +21,7 @@
delay: [500, 20],
content: entry.updatedOn ? shortDateTime(entry.updatedOn) : null,
}"
class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
class="flex min-w-0 flex-1 cursor-pointer py-2 pr-2 transition group-hover:text-secondaryDark"
data-testid="restore_history_entry"
@click="emit('use-entry')"
>
@@ -74,7 +74,7 @@
<HoppButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="!entry.star ? t('add.star') : t('remove.star')"
:class="{ 'group-hover:inline-flex hidden': !entry.star }"
:class="{ 'hidden group-hover:inline-flex': !entry.star }"
:icon="entry.star ? IconStarOff : IconStar"
color="yellow"
data-testid="star_button"