visual tweaks
This commit is contained in:
parent
04bfdd0c8f
commit
93e298a9f1
5 changed files with 10 additions and 12 deletions
|
@ -59,10 +59,10 @@ const RecipeBookTabs = () => {
|
|||
key={tab.id}
|
||||
to={tab.id}
|
||||
className={`
|
||||
relative px-6 py-3 rounded-t-lg font-medium text-sm transform
|
||||
relative px-6 py-3 rounded-t-lg font-bold text-sm transform text-amber-800
|
||||
${isActive
|
||||
? 'bg-amber-100 text-amber-800 scale-105 z-10 border-t-2 border-amber-200'
|
||||
: 'bg-amber-200 text-amber-600 hover:bg-amber-100 hover:text-amber-700 hover:scale-102 shadow-sm'
|
||||
? 'bg-amber-100 scale-105 z-10 border-t-2 border-amber-200'
|
||||
: 'bg-amber-200 hover:bg-amber-100 hover:text-amber-700 hover:scale-102 shadow-sm'
|
||||
}
|
||||
before:absolute before:bottom-0 before:left-0 before:right-0 before:h-0.5
|
||||
${isActive ? '' : ''}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue