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/tab/Primary.vue
View File

@@ -3,12 +3,12 @@
:to="to"
:exact="exact"
:blank="blank"
class="inline-flex items-center px-4 py-2 truncate transition rounded focus:outline-none"
class="inline-flex items-center truncate rounded px-4 py-2 transition focus:outline-none"
:class="[
color
? `text-${color}-500 hover:text-${color}-600 focus-visible:text-${color}-600`
: 'hover:text-secondaryDark focus-visible:text-accent',
{ 'opacity-75 cursor-not-allowed': disabled },
{ 'cursor-not-allowed opacity-75': disabled },
{ 'flex-row-reverse': reverse },
]"
:disabled="disabled"
@@ -16,10 +16,10 @@
<component
:is="icon"
v-if="icon"
class="opacity-75 svg-icons"
class="svg-icons opacity-75"
:class="label ? (reverse ? 'ml-4' : 'mr-4') : ''"
/>
<div class="truncate max-w-54">
<div class="max-w-54 truncate">
{{ label }}
</div>
</HoppSmartLink>

6
packages/hoppscotch-common/src/components/tab/Secondary.vue
View File

@@ -3,7 +3,7 @@
:to="to"
:exact="exact"
:blank="blank"
class="inline-flex items-center py-2 font-semibold transition transform hover:translate-x-2 focus:outline-none focus-visible:translate-x-2"
class="inline-flex transform items-center py-2 font-semibold transition hover:translate-x-2 focus:outline-none focus-visible:translate-x-2"
:class="[
label ? 'px-4' : 'px-2',
active
@@ -14,7 +14,7 @@
color
? `text-${color}-500 hover:text-${color}-600 focus-visible:text-${color}-600`
: '',
{ 'opacity-75 cursor-not-allowed': disabled },
{ 'cursor-not-allowed opacity-75': disabled },
]"
:disabled="disabled"
type="button"
@@ -25,7 +25,7 @@
class="svg-icons"
:class="label ? 'mr-4 opacity-75' : ''"
/>
<div class="truncate max-w-54">
<div class="max-w-54 truncate">
{{ label }}
</div>
</HoppSmartLink>