apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-27 17:56:25 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: enhance InsertToolbarButton and TurnIntoToolbarButton with improved styling for dark mode and better layout management

Browse source
This commit is contained in:
Anish Sarkar 2026-02-17 02:46:23 +05:30
parent d4ad1dcae4
commit d7118fba15
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
surfsense_web/components/ui/insert-toolbar-button.tsx
View file

@ -195,12 +195,12 @@ export function InsertToolbarButton(props: DropdownMenuProps) {
</DropdownMenuTrigger>
<DropdownMenuContent
className="flex max-h-[300px] min-w-0 flex-col overflow-y-scroll dark:bg-neutral-800 dark:border dark:border-neutral-700"
className="flex max-h-[500px] min-w-0 flex-col overflow-y-auto dark:bg-neutral-800 dark:border dark:border-neutral-700"
align="start"
>
{groups.map(({ group, items }) => (
<React.Fragment key={group}>
<ToolbarMenuGroup>
<ToolbarMenuGroup label={group}>
{items.map(({ icon, label, value, onSelect, focusEditor }) => (
<DropdownMenuItem
key={value}
@ -213,7 +213,7 @@ export function InsertToolbarButton(props: DropdownMenuProps) {
}}
className="group"
>
<div className="flex items-center text-sm text-muted-foreground focus:text-accent-foreground group-aria-selected:text-accent-foreground">
<div className="flex items-center text-sm dark:text-white text-muted-foreground focus:text-accent-foreground group-aria-selected:text-accent-foreground">
{icon}
<span className="ml-2">{label || value}</span>
</div>