B2B-30: clean code
This commit is contained in:
@@ -28,7 +28,7 @@ export function HomeMenuNavigation(props: { workspace: UserWorkspace }) {
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="flex items-center justify-end gap-3">
|
<div className="flex items-center justify-end gap-3">
|
||||||
<Button className='relative px-4 py-2 h-10 border-1 mr-0 cursor-pointer' variant={'ghost'}>
|
<Button className='relative px-4 py-2 h-10 border-1 mr-0 cursor-pointer' variant='ghost'>
|
||||||
<span className='flex items-center text-nowrap'>€ 231,89</span>
|
<span className='flex items-center text-nowrap'>€ 231,89</span>
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="ghost" className='relative px-4 py-2 h-10 border-1 mr-0 cursor-pointer' >
|
<Button variant="ghost" className='relative px-4 py-2 h-10 border-1 mr-0 cursor-pointer' >
|
||||||
|
|||||||
@@ -124,7 +124,7 @@ export function AccountSelector({
|
|||||||
condition={selected}
|
condition={selected}
|
||||||
fallback={
|
fallback={
|
||||||
<span
|
<span
|
||||||
className={cn('flex max-w-full items-center w-4 h-4', {
|
className={cn('flex max-w-full items-center size-4', {
|
||||||
'justify-center gap-x-0': collapsed,
|
'justify-center gap-x-0': collapsed,
|
||||||
'gap-x-4': !collapsed,
|
'gap-x-4': !collapsed,
|
||||||
})}
|
})}
|
||||||
@@ -148,7 +148,7 @@ export function AccountSelector({
|
|||||||
'gap-x-4': !collapsed,
|
'gap-x-4': !collapsed,
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
<Avatar className={'rounded-md h-6 w-6'}>
|
<Avatar className={'rounded-md size-6'}>
|
||||||
<AvatarImage src={account.image ?? undefined} />
|
<AvatarImage src={account.image ?? undefined} />
|
||||||
|
|
||||||
<AvatarFallback
|
<AvatarFallback
|
||||||
@@ -297,7 +297,7 @@ export function AccountSelector({
|
|||||||
|
|
||||||
function UserAvatar(props: { pictureUrl?: string }) {
|
function UserAvatar(props: { pictureUrl?: string }) {
|
||||||
return (
|
return (
|
||||||
<Avatar className={'rounded-md h-6 w-6'}>
|
<Avatar className={'rounded-md size-6'}>
|
||||||
<AvatarImage src={props.pictureUrl} />
|
<AvatarImage src={props.pictureUrl} />
|
||||||
</Avatar>
|
</Avatar>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -121,8 +121,8 @@ export function NotificationsPopover(params: {
|
|||||||
return (
|
return (
|
||||||
<Popover modal open={open} onOpenChange={setOpen}>
|
<Popover modal open={open} onOpenChange={setOpen}>
|
||||||
<PopoverTrigger asChild>
|
<PopoverTrigger asChild>
|
||||||
<Button className={'relative px-4 py-2 h-10 border-1 mr-0'} variant={'ghost'}>
|
<Button className={'relative px-4 py-2 h-10 border-1 mr-0'} variant="ghost">
|
||||||
<Bell className={'h-4 w-4'} />
|
<Bell className={'size-4'} />
|
||||||
|
|
||||||
<span
|
<span
|
||||||
className={cn(
|
className={cn(
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ type ProfileAvatarProps = (SessionProps | TextProps) & {
|
|||||||
export function ProfileAvatar(props: ProfileAvatarProps) {
|
export function ProfileAvatar(props: ProfileAvatarProps) {
|
||||||
const avatarClassName = cn(
|
const avatarClassName = cn(
|
||||||
props.className,
|
props.className,
|
||||||
'mx-auto h-6 w-6 group-focus:ring-2',
|
'mx-auto size-6 group-focus:ring-2',
|
||||||
);
|
);
|
||||||
|
|
||||||
if ('text' in props) {
|
if ('text' in props) {
|
||||||
|
|||||||
Reference in New Issue
Block a user