made it more responsive

hakim-b · Sep 4, 2024 · c308a7e · c308a7e
1 parent cead114
commit c308a7e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/examo-files.tsx b/src/components/examo-files.tsx
@@ -114,15 +114,15 @@ function ExamoFiles() {
   return (
     <>
       <Tabs defaultValue="biol" className="mt-5 w-full">
-        <TabsList className="grid w-full grid-cols-11">
+        <TabsList className="grid w-full grid-cols-5 md:grid-cols-11 h-28 md:h-10">
           {subjectFolders.map((subjFolder, index) => (
             <TabsTrigger value={subjFolder.toLowerCase()} key={index}>
               {subjFolder}
             </TabsTrigger>
           ))}
         </TabsList>
         {subjectFolders.map((subjFolder, index) => (
-          <TabsContent value={subjFolder.toLowerCase()} key={index}>
+          <TabsContent value={subjFolder.toLowerCase()} key={index} className="mt-8 md:mt-2">
             <div className="relative flex h-[300px] w-full flex-col items-center justify-center overflow-hidden rounded-lg border bg-background md:shadow-xl">
               <Tree
                 className="overflow-hidden rounded-md bg-background p-2"