mobile view fix (?)

nebudev14 · Nov 12, 2022 · 26ad987 · 26ad987
1 parent 1edb424
commit 26ad987
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/modals/create-team.tsx b/components/modals/create-team.tsx
@@ -37,7 +37,7 @@ export const CreateTeamModal: React.FC = () => {
     event.preventDefault();
     const target = event.target as typeof event.target & {
       inviteId: { value: string };
-    };
+    };  
 
     await mutateJoinTeam.mutateAsync({
       inviteId: target.inviteId.value,

diff --git a/pages/scout/pit.tsx b/pages/scout/pit.tsx
@@ -61,7 +61,7 @@ const PitScout: NextPage = () => {
 
   return (
     <Protected>
-      <div className="min-h-screen py-12 px-96 dark:text-white md:px-4">
+      <div className="min-h-screen py-12 px-96 dark:text-white md:px-2">
         <form onSubmit={submitData}>
           <Container>
             <label className="p-2 text-lg leading-tight border rounded shadow dark:bg-zinc-900 dark:border-zinc-700 bg-slate-200 focus:outline-none focus:shadow-outline">

diff --git a/pages/teams/[number]/pitscout/[id].tsx b/pages/teams/[number]/pitscout/[id].tsx
@@ -24,7 +24,7 @@ const ViewPitScout: React.FC = () => {
       <h1 className="text-xl">Team {data?.teamNumber}</h1>
       <h1 className="mb-6 text-xl">{data?.name}</h1>
 
-      <div className="grid grid-cols-3 gap-6">
+      <div className="grid grid-cols-3 gap-6 md:grid-cols-1">
         {teams?.map((entry, i) => (
           <div
             key={i}