Fix: safari styles

sliit-foss · Sep 30, 2023 · 73ce471 · 73ce471
1 parent 8edd049
commit 73ce471
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/dashboard/card.jsx b/src/components/dashboard/card.jsx
@@ -6,7 +6,7 @@ const DashboardCard = ({ icon: Icon, title, value, className }) => {
   if (value === undefined)
     return (
       <Skeleton
-        containerClassName="flex w-full h-full"
+        containerClassName="flex w-full h-full max-h-[10.5rem]"
         className="w-full h-full p-5 flex flex-col gap-2 rounded-[20px] "
       >
         <Skeleton className="w-6 h-6 md:w-8 md:h-8 rounded-lg" shade="dark" />

diff --git a/src/components/questions/dialog.jsx b/src/components/questions/dialog.jsx
@@ -89,7 +89,7 @@ const QuestionDialog = ({ refresh }) => {
           .unwrap()
           .then(() => toast({ title: `Question added successfully` }));
       }
-      setFormData(initialFormData)
+      setFormData(initialFormData);
       store.dispatch(questionApi.util.resetApiState());
       close();
       refresh();

diff --git a/src/pages/dashboard.jsx b/src/pages/dashboard.jsx
@@ -19,7 +19,7 @@ const Dashboard = () => {
 
   return (
     <div className="w-full min-h-[60vh] flex flex-col gap-7 items-start">
-      <div className="w-full h-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 justify-start items-center gap-5">
+      <div className="w-full h-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 justify-start items-start gap-5">
         <DashboardCard icon={Building} title="Universities" value={registrationInfo?.university_counts?.length} />
         <DashboardCard icon={Users} title="Teams" value={registrationInfo?.total_registrations} />
         <DashboardCard icon={Users2} title="Individuals" value={registrationInfo?.total_members} />

diff --git a/src/pages/users.jsx b/src/pages/users.jsx
@@ -40,8 +40,8 @@ const Users = () => {
           </Button>
         }
         styles={{
-          root: "md:grid grid-cols-5 self-center mb-8 [&>div:nth-child(2)]:col-span-2 [&>div:nth-child(3)]:col-span-2 [&>div:nth-child(4)]:col-span-2",
-          filter: "md:w-auto"
+          root: "md:grid grid-cols-5 self-start mb-8 [&>div:nth-child(2)]:col-span-2 [&>div:nth-child(3)]:col-span-2 [&>div:nth-child(4)]:col-span-2",
+          filter: "md:w-auto h-auto"
         }}
       />
       <div className="w-full min-h-[60vh] flex flex-col gap-12 justify-between items-center">