Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit cc8562d

Browse files
[refactor]: Improved UI components
1 parent 12b432f commit cc8562d

File tree

4 files changed

+9
-15
lines changed

4 files changed

+9
-15
lines changed

‎components/ui/command.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const Command = React.forwardRef<
1313
<CommandPrimitive
1414
ref={ref}
1515
className={cn(
16-
"flex h-full w-full flex-col overflow-hidden rounded-md bg-[#111113]/50 backdrop-blur-md text-wite-foreground",
16+
"flex h-full w-full flex-col overflow-hidden rounded-md bg-blackmid/40 backdrop-blur-md shadow-md text-white",
1717
className
1818
)}
1919
{...props}
@@ -26,7 +26,7 @@ interface CommandDialogProps extends DialogProps {}
2626
const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
2727
return (
2828
<Dialog {...props}>
29-
<DialogContent className="overflow-hidden p-0 shadow-lg border border-darkbtnhover/60 text-white">
29+
<DialogContent className="overflow-hidden p-0 shadow-lg border-none">
3030
<Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
3131
{children}
3232
</Command>
@@ -39,12 +39,12 @@ const CommandInput = React.forwardRef<
3939
React.ElementRef<typeof CommandPrimitive.Input>,
4040
React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
4141
>(({ className, ...props }, ref) => (
42-
<div className="flex items-center border-b border-darkbtnhover/90 px-3" cmdk-input-wrapper="">
43-
<Search className="mr-2 h-4 w-4 shrink-0 opacity-50 text-white/50" />
42+
<div className="flex items-center border-b border-hashtext/40 px-3" cmdk-input-wrapper="">
43+
<Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
4444
<CommandPrimitive.Input
4545
ref={ref}
4646
className={cn(
47-
"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-white/50 disabled:cursor-not-allowed disabled:opacity-50",
47+
"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
4848
className
4949
)}
5050
{...props}
@@ -115,7 +115,7 @@ const CommandItem = React.forwardRef<
115115
<CommandPrimitive.Item
116116
ref={ref}
117117
className={cn(
118-
"relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none aria-selected:bg-secondpro aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
118+
"relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none aria-selected:bg-darkbtn aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
119119
className
120120
)}
121121
{...props}

‎components/ui/dialog.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ const DialogContent = React.forwardRef<
4343
>
4444
{children}
4545
<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
46-
<X className="h-4 w-4" />
46+
<X className="h-4 w-4 text-white" />
4747
<span className="sr-only">Close</span>
4848
</DialogPrimitive.Close>
4949
</DialogPrimitive.Content>

‎components/ui/sheet.tsx‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,7 @@ const SheetTrigger = SheetPrimitive.Trigger
1111

1212
const SheetClose = SheetPrimitive.Close
1313

14-
const SheetPortal = ({
15-
className,
16-
...props
17-
}: SheetPrimitive.DialogPortalProps) => (
18-
<SheetPrimitive.Portal className={cn(className)} {...props} />
19-
)
20-
SheetPortal.displayName = SheetPrimitive.Portal.displayName
14+
const SheetPortal = SheetPrimitive.Portal
2115

2216
const SheetOverlay = React.forwardRef<
2317
React.ElementRef<typeof SheetPrimitive.Overlay>,

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "stashblob",
3-
"version": "0.4.1",
3+
"version": "0.4.2",
44
"private": true,
55
"scripts": {
66
"dev": "next dev",

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /