fix: pixel perfect header
This commit is contained in:
parent
da058e285f
commit
e36a0086f7
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<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">
|
<div class="flex items-center gap-2">
|
||||||
<slot name="left-header" />
|
<slot name="left-header" />
|
||||||
</div>
|
</div>
|
||||||
@ -10,7 +10,7 @@
|
|||||||
<div
|
<div
|
||||||
v-if="$slots['left-subheader'] || $slots['right-subheader']"
|
v-if="$slots['left-subheader'] || $slots['right-subheader']"
|
||||||
id="sub-header"
|
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">
|
<div class="flex items-center gap-2">
|
||||||
<slot name="left-subheader" />
|
<slot name="left-subheader" />
|
||||||
|
|||||||
@ -64,7 +64,7 @@
|
|||||||
v-slot="{ selected }"
|
v-slot="{ selected }"
|
||||||
>
|
>
|
||||||
<button
|
<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 }"
|
:class="{ 'text-gray-900': selected }"
|
||||||
>
|
>
|
||||||
<component v-if="tab.icon" :is="tab.icon" class="h-5" />
|
<component v-if="tab.icon" :is="tab.icon" class="h-5" />
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user