fix: polished mobile style

JimmyLv · Mar 13, 2023 · 97f7089 · 97f7089 · vercel · Mar 13, 2023
1 parent 7374075
commit 97f7089
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/PromptOptions.tsx b/components/PromptOptions.tsx
@@ -12,7 +12,7 @@ export function PromptOptions({
 }) {
   const shouldShowTimestamp = getValues('showTimestamp');
   return (
-    <div className="mt-10 grid grid-cols-3 items-center gap-x-10 gap-y-6">
+    <div className="mt-6 md:mt-10 grid grid-cols-2 md:grid-cols-3 items-center gap-x-10 gap-y-2 md:gap-y-6">
       <label className="relative inline-flex cursor-pointer items-center">
         <input
           type="checkbox"

diff --git a/pages/[...slug].tsx b/pages/[...slug].tsx
@@ -178,7 +178,7 @@ export const Home: NextPage<{
   };
 
   return (
-    <div className="mt-10 w-full sm:mt-40">
+    <div className="mt-10 w-full sm:mt-40 px-4 lg:px-0">
       <UsageDescription />
       <TypingSlogan />
       <UsageAction />