fix: pixel perfect header

This commit is contained in:
Shariq Ansari 2023-08-01 11:15:22 +05:30
parent da058e285f
commit e36a0086f7
2 changed files with 3 additions and 3 deletions

View File

@ -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" />

View File

@ -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" />