fix: pixel perfect header
This commit is contained in:
parent
da058e285f
commit
e36a0086f7
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div id="header" class="flex justify-between items-center px-5 py-4">
|
||||
<div id="header" class="flex justify-between items-center px-5 py-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<slot name="left-header" />
|
||||
</div>
|
||||
@ -10,7 +10,7 @@
|
||||
<div
|
||||
v-if="$slots['left-subheader'] || $slots['right-subheader']"
|
||||
id="sub-header"
|
||||
class="flex justify-between items-center px-5 pb-3 border-b"
|
||||
class="flex justify-between items-center px-5 pb-2.5 border-b"
|
||||
>
|
||||
<div class="flex items-center gap-2">
|
||||
<slot name="left-subheader" />
|
||||
|
||||
@ -64,7 +64,7 @@
|
||||
v-slot="{ selected }"
|
||||
>
|
||||
<button
|
||||
class="flex items-center gap-2 py-2 -mb-[1px] text-gray-600 border-b border-transparent hover:text-gray-900 hover:border-gray-400 transition-all duration-300 ease-in-out"
|
||||
class="flex items-center gap-2 py-[7px] -mb-[1px] text-base text-gray-600 border-b border-transparent hover:text-gray-900 hover:border-gray-400 transition-all duration-300 ease-in-out"
|
||||
:class="{ 'text-gray-900': selected }"
|
||||
>
|
||||
<component v-if="tab.icon" :is="tab.icon" class="h-5" />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user