fix: adjust padding for tab indicator
This commit is contained in:
@@ -72,7 +72,6 @@ export default function KindFilter({
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="titlebar-icon"
|
||||
className="mr-1"
|
||||
onClick={() => {
|
||||
if (isSmallScreen) {
|
||||
setOpen(true)
|
||||
|
||||
@@ -32,7 +32,7 @@ export default function Tabs({
|
||||
if (activeIndex >= 0 && tabRefs.current[activeIndex]) {
|
||||
const activeTab = tabRefs.current[activeIndex]
|
||||
const { offsetWidth, offsetLeft } = activeTab
|
||||
const padding = 48 // 24px padding on each side
|
||||
const padding = 24 // 12px padding on each side
|
||||
setIndicatorStyle({
|
||||
width: offsetWidth - padding,
|
||||
left: offsetLeft + padding / 2
|
||||
@@ -67,7 +67,7 @@ export default function Tabs({
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
'sticky flex justify-between top-12 bg-background z-30 w-full transition-transform',
|
||||
'sticky flex justify-between top-12 bg-background z-30 px-1 w-full transition-transform',
|
||||
deepBrowsing && lastScrollTop > threshold ? '-translate-y-[calc(100%+12rem)]' : ''
|
||||
)}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user