hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: small screen (#8)

Browse source
This commit is contained in:
Cody Tseng 2024-12-02 23:43:08 +08:00 • committed by GitHub
parent 11d035f719
commit 8e0b91888f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
27 changed files with 372 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/renderer/src/components/ui/command.tsx
View file

@ -28,14 +28,23 @@ const Command = React.forwardRef<
))
Command.displayName = CommandPrimitive.displayName
const CommandDialog = ({ children, ...props }: DialogProps) => {
const CommandDialog = ({
children,
classNames,
...props
}: DialogProps & { classNames?: { content?: string } }) => {
return (
<Dialog {...props}>
<DialogHeader className="hidden">
<DialogTitle />
<DialogDescription />
</DialogHeader>
<DialogContent className="overflow-hidden p-0 shadow-lg top-4 translate-y-0 data-[state=closed]:slide-out-to-top-0 data-[state=open]:slide-in-from-top-0">
<DialogContent
className={cn(
'overflow-hidden p-0 shadow-lg top-4 translate-y-0 data-[state=closed]:slide-out-to-top-0 data-[state=open]:slide-in-from-top-0',
classNames?.content
)}
>
<Command
shouldFilter={false}
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"