diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-08-04 02:59:07 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-08-04 02:59:07 +0200 |
| commit | acc2089d0d6975d9cede833b083f9d1d2f78504d (patch) | |
| tree | 4697e16e1c3e92711e1bb92e8504b2634c6d6d46 /apps/web/src/components/ui | |
| parent | 35ade4b25f417e0d7c4d155b8afc51fb94ebcdd7 (diff) | |
| download | opencut-acc2089d0d6975d9cede833b083f9d1d2f78504d.tar.gz | |
feat: add license filtering for sound effects
Diffstat (limited to 'apps/web/src/components/ui')
| -rw-r--r-- | apps/web/src/components/ui/dropdown-menu.tsx | 10 | ||||
| -rw-r--r-- | apps/web/src/components/ui/input.tsx | 4 |
2 files changed, 10 insertions, 4 deletions
diff --git a/apps/web/src/components/ui/dropdown-menu.tsx b/apps/web/src/components/ui/dropdown-menu.tsx index bdd86d58..823d48a3 100644 --- a/apps/web/src/components/ui/dropdown-menu.tsx +++ b/apps/web/src/components/ui/dropdown-menu.tsx @@ -126,20 +126,24 @@ const DropdownMenuCheckboxItem = React.forwardRef< ref={ref} className={cn( dropdownMenuItemVariants({ variant }), - "pl-8 pr-2", + "pl-2 pr-8", className )} checked={checked} + onSelect={(e) => { + e.preventDefault(); + }} {...props} > - <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"> + {children} + <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center"> <DropdownMenuPrimitive.ItemIndicator> <Check className="h-4 w-4" /> </DropdownMenuPrimitive.ItemIndicator> </span> - {children} </DropdownMenuPrimitive.CheckboxItem> )); + DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName; diff --git a/apps/web/src/components/ui/input.tsx b/apps/web/src/components/ui/input.tsx index 4fb0f5b4..440191f2 100644 --- a/apps/web/src/components/ui/input.tsx +++ b/apps/web/src/components/ui/input.tsx @@ -9,6 +9,7 @@ interface InputProps extends React.ComponentProps<"input"> { onShowPasswordChange?: (show: boolean) => void; showClearIcon?: boolean; onClear?: () => void; + containerClassName?: string; } const Input = React.forwardRef<HTMLInputElement, InputProps>( @@ -16,6 +17,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>( { className, type, + containerClassName, showPassword, onShowPasswordChange, showClearIcon, @@ -45,7 +47,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>( iconCount === 2 ? "pr-20" : iconCount === 1 ? "pr-10" : ""; return ( - <div className={hasIcons ? "relative w-full" : ""}> + <div className={cn(hasIcons ? "relative w-full" : "", containerClassName)}> <input type={inputType} className={cn( |