hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: adjust size of top bar icons

Browse source
This commit is contained in:
codytseng 2025-02-22 01:13:41 +08:00
parent 09f44fc1a0
commit 08f22073bd
4 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Titlebar/index.tsx
View file

@ -10,7 +10,7 @@ export function Titlebar({
return (
<div
className={cn(
'sticky top-0 w-full z-40 bg-background [&_svg]:size-4 [&_svg]:shrink-0',
'sticky top-0 w-full h-12 z-40 bg-background [&_svg]:size-5 [&_svg]:shrink-0',
className
)}
>

2
src/components/ui/button.tsx
View file

@ -23,7 +23,7 @@ const buttonVariants = cva(
sm: 'h-8 rounded-md px-3 text-xs',
lg: 'h-10 rounded-md px-8',
icon: 'h-9 w-9',
'titlebar-icon': 'h-10 w-10 rounded-lg'
'titlebar-icon': 'h-10 w-10 rounded-lg [&_svg]:size-5'
}
},
defaultVariants: {

2
src/layouts/PrimaryPageLayout/index.tsx
View file

@ -87,5 +87,5 @@ export type TPrimaryPageLayoutRef = {
}
function PrimaryPageTitlebar({ children }: { children?: React.ReactNode }) {
return <Titlebar className="h-12 p-1">{children}</Titlebar>
return <Titlebar className="p-1">{children}</Titlebar>
}

2
src/layouts/SecondaryPageLayout/index.tsx
View file

@ -105,7 +105,7 @@ export function SecondaryPageTitlebar({
hideBackButton?: boolean
}): JSX.Element {
return (
<Titlebar className="h-12 flex gap-1 p-1 items-center justify-between font-semibold">
<Titlebar className="flex gap-1 p-1 items-center justify-between font-semibold">
{hideBackButton ? (
<div className="flex gap-2 items-center pl-3 w-fit truncate text-lg font-semibold">
{title}