fix: tiny screen cmdk size

This commit is contained in:
iCrawl
2022-09-09 21:55:35 +02:00
parent d11edc6397
commit 7a9e52e63a
3 changed files with 11 additions and 6 deletions

View File

@@ -178,7 +178,7 @@ export function CmdkDialog() {
return (
<Dialog className="fixed top-1/4 left-1/2 z-50 -translate-x-1/2" state={dialog}>
<Command label="Command Menu" className="bg-dark-300 w-lg rounded">
<Command label="Command Menu" className="bg-dark-300 min-w-xs sm:min-w-lg rounded">
<Command.Input
className="bg-dark-300 caret-blurple mt-4 w-full border-0 p-4 pt-0 text-lg outline-0"
placeholder="Type to search..."

View File

@@ -3,9 +3,13 @@ import { createContext, useContext, type ReactNode } from 'react';
export const MemberContext = createContext<ApiItemJSON | undefined>(undefined);
export const MemberProvider = ({ member, children }: { children: ReactNode; member: ApiItemJSON | undefined }) => (
<MemberContext.Provider value={member}>{children}</MemberContext.Provider>
);
export const MemberProvider = ({
member,
children,
}: {
children?: ReactNode | undefined;
member: ApiItemJSON | undefined;
}) => <MemberContext.Provider value={member}>{children}</MemberContext.Provider>;
export function useMember() {
return useContext(MemberContext);