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

refactor: remove absolute classes

Browse Source
This commit is contained in:
liyasthomas
2021-08-17 12:56:36 +05:30
parent 3534e133af
commit 956ca44ef0
55 changed files with 269 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/tab/Primary.vue
View File

@@ -7,7 +7,6 @@
rounded
py-2
px-4
transition
inline-flex
items-center
truncate
@@ -15,8 +14,8 @@
"
:class="[
color
? `text-${color}-500 hover:text-${color}-600 focus:text-${color}-600`
: 'hover:text-secondaryDark focus:text-accent',
? `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 },
{ 'flex-row-reverse': reverse },
]"

16
components/tab/Secondary.vue
View File

@@ -4,27 +4,27 @@
:exact="exact"
:blank="blank"
class="
font-medium
flex-1
py-2
transform
transition
inline-flex
items-center
truncate
hover:translate-x-2
focus:(outline-none
translate-x-2)
focus:outline-none
focus-visible:translate-x-2
"
:class="[
label ? 'px-3' : 'px-2',
active
? color
? `text-${color}-500 hover:text-${color}-600 focus:text-${color}-600`
: 'text-accent'
: 'hover:text-secondaryDark focus:text-secondaryDark',
? `text-${color}-500 hover:text-${color}-600 focus-visible:text-${color}-600`
: 'text-accent hover:text-accentDark focus-visible:text-accentDark'
: 'hover:text-secondaryDark focus-visible:text-secondaryDark',
color
? `text-${color}-500 hover:text-${color}-600 focus:text-${color}-600`
? `text-${color}-500 hover:text-${color}-600 focus-visible:text-${color}-600`
: '',
{ 'translate-x-2': active },
{ 'opacity-75 cursor-not-allowed': disabled },
]"
:disabled="disabled"