apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-06-06 20:15:17 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(automations): improve UI consistency by updating alert messages, enhancing task item layout, and refining timezone selection component

Browse source
This commit is contained in:
Anish Sarkar 2026-06-03 03:41:03 +05:30
parent eabbfb8c67
commit 75c8063bea
14 changed files with 248 additions and 287 deletions
Download patch file Download diff file Expand all files Collapse all files

34
surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx
View file

@ -221,18 +221,15 @@ export function SidebarUserProfile({
</DropdownMenuTrigger>
<DropdownMenuContent className="w-48" side="right" align="end" sideOffset={8}>
<DropdownMenuLabel className="font-normal">
<div className="flex items-center gap-2">
<UserAvatar avatarUrl={user.avatarUrl} initials={initials} bgColor={bgColor} />
<div className="flex-1 min-w-0">
<p className="truncate text-sm font-medium">{displayName}</p>
<p className="truncate text-xs text-muted-foreground">{user.email}</p>
</div>
<DropdownMenuLabel className="px-2 py-1 font-normal">
<div className="min-w-0">
{/* <p className="truncate text-sm font-medium">{displayName}</p> */}
<p className="truncate text-xs font-semibold leading-tight text-muted-foreground">
{user.email}
</p>
</div>
</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem onClick={onUserSettings}>
<UserCog className="h-4 w-4" />
{t("user_settings")}
@ -327,7 +324,7 @@ export function SidebarUserProfile({
</DropdownMenuItem>
))}
<DropdownMenuSeparator />
<p className="select-none px-2 py-1.5 text-xs text-muted-foreground/50">
<p className="select-none px-2 py-1 text-xs leading-tight text-muted-foreground/50">
v{APP_VERSION}
</p>
</DropdownMenuSubContent>
@ -406,18 +403,15 @@ export function SidebarUserProfile({
</DropdownMenuTrigger>
<DropdownMenuContent className="w-48" side="top" align="center" sideOffset={4}>
<DropdownMenuLabel className="font-normal">
<div className="flex items-center gap-2">
<UserAvatar avatarUrl={user.avatarUrl} initials={initials} bgColor={bgColor} />
<div className="flex-1 min-w-0">
<p className="truncate text-sm font-medium">{displayName}</p>
<p className="truncate text-xs text-muted-foreground">{user.email}</p>
</div>
<DropdownMenuLabel className="px-2 py-1 font-normal">
<div className="min-w-0">
<p className="truncate text-sm font-medium">{displayName}</p>
<p className="truncate text-xs font-semibold leading-tight text-muted-foreground">
{user.email}
</p>
</div>
</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem onClick={onUserSettings}>
<UserCog className="h-4 w-4" />
{t("user_settings")}
@ -512,7 +506,7 @@ export function SidebarUserProfile({
</DropdownMenuItem>
))}
<DropdownMenuSeparator />
<p className="select-none px-2 py-1.5 text-xs text-muted-foreground/50">
<p className="select-none px-2 py-1 text-xs leading-tight text-muted-foreground/50">
v{APP_VERSION}
</p>
</DropdownMenuSubContent>

6
surfsense_web/components/ui/select.tsx
View file

@ -43,9 +43,12 @@ function SelectTrigger({
function SelectContent({
className,
children,
matchTriggerWidth = true,
position = "popper",
...props
}: React.ComponentProps<typeof SelectPrimitive.Content>) {
}: React.ComponentProps<typeof SelectPrimitive.Content> & {
matchTriggerWidth?: boolean;
}) {
return (
<SelectPrimitive.Portal>
<SelectPrimitive.Content
@ -64,6 +67,7 @@ function SelectContent({
className={cn(
"p-1",
position === "popper" &&
matchTriggerWidth &&
"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
)}
>