fix: tiny screen cmdk size

discordjs · Sep 9, 2022 · 7a9e52e · 7a9e52e · vercel · Sep 9, 2022
1 parent d11edc6
commit 7a9e52e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/packages/website/package.json b/packages/website/package.json
@@ -5,10 +5,11 @@
 	"private": true,
 	"scripts": {
 		"test": "vitest run",
-		"build:local": "NEXT_PUBLIC_LOCAL_DEV=true yarn build:prod",
-		"build:prod": "yarn run --top-level build && yarn run --top-level docs --force && yarn build:css && yarn build:next && yarn node scripts/generateAllIndicies.js",
+		"build:local": "NEXT_PUBLIC_LOCAL_DEV=true yarn run --top-level docs --force && yarn build:prod",
+		"build:prod": "yarn workspace @discordjs/api-extractor-utils run build && yarn workspace @discordjs/scripts run build && yarn build:css && yarn build:next",
 		"build:next": "next build",
 		"build:css": "yarn generate:css",
+		"build:search_indicies": "yarn node scripts/generateAllIndicies.js",
 		"dev": "yarn run --top-level docs && concurrently 'yarn dev:css' 'yarn dev:next'",
 		"dev:next": "next dev",
 		"dev:css": "yarn generate:css --watch",

diff --git a/packages/website/src/components/Cmdk.tsx b/packages/website/src/components/Cmdk.tsx
@@ -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..."

diff --git a/packages/website/src/contexts/member.tsx b/packages/website/src/contexts/member.tsx
@@ -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);