1
0
forked from test/crm

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

View File

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