refactor: change table spacing to use classname instead of index

hackerspace-ntnu · Nov 7, 2024 · 0118dd1 · 0118dd1
1 parent 8f70617
commit 0118dd1
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/src/app/[locale]/(default)/shift-schedule/layout.tsx b/src/app/[locale]/(default)/shift-schedule/layout.tsx
@@ -16,7 +16,7 @@ export default async function ShiftScheduleLayout({
 
   return (
     <>
-      <h1 className='mb-4 text-center'>{t('title')}</h1>
+      <h1 className='text-center'>{t('title')}</h1>
       {children}
     </>
   );

diff --git a/src/app/[locale]/(default)/shift-schedule/loading.tsx b/src/app/[locale]/(default)/shift-schedule/loading.tsx
@@ -63,9 +63,9 @@ export default function ShiftScheduleLayout() {
   return (
     <>
       {/* Table shown on small screens */}
-      <div className='sm:hidden'>
-        {days.map((day, index) => (
-          <Table key={day} className={index === 0 ? '' : 'mt-8'}>
+      <div className='sm:hidden [&>div]:mt-8'>
+        {days.map((day) => (
+          <Table key={day}>
             <TableHeader>
               <TableRow>
                 <TableHead className='w-2/5'>{t('time')}</TableHead>
@@ -94,7 +94,7 @@ export default function ShiftScheduleLayout() {
       </div>
 
       {/* Table shown on all other screens */}
-      <Table className='hidden sm:table'>
+      <Table className='mt-8 hidden sm:table'>
         <TableHeader>
           <TableRow>
             <TableHead className='w-1/6'>{t('time')}</TableHead>

diff --git a/src/components/shift-schedule/AdministratorMenu.tsx b/src/components/shift-schedule/AdministratorMenu.tsx
@@ -25,7 +25,7 @@ function AdministratorMenu({ t }: AdministratorMenuProps) {
     <Collapsible
       open={isOpen}
       onOpenChange={setIsOpen}
-      className='mx-auto xs:mx-8 my-8 rounded border p-3'
+      className='mx-auto xs:mx-8 mt-8 rounded border p-3'
     >
       <div className='mx-1 flex justify-between'>
         <span className='my-auto font-semibold text-xl'>{t.label}</span>

diff --git a/src/components/shift-schedule/ScheduleTable.tsx b/src/components/shift-schedule/ScheduleTable.tsx
@@ -86,9 +86,9 @@ function ScheduleTable({ week }: ScheduleTableProps) {
   return (
     <>
       {/* Table shown on small screens */}
-      <div className='sm:hidden'>
-        {days.map((day, index) => (
-          <Table key={day} className={index === 0 ? '' : 'mt-8'}>
+      <div className='sm:hidden [&>div]:mt-8'>
+        {days.map((day) => (
+          <Table key={day}>
             <TableHeader>
               <TableRow>
                 <TableHead className='w-2/5'>{t('time')}</TableHead>
@@ -121,7 +121,7 @@ function ScheduleTable({ week }: ScheduleTableProps) {
       </div>
 
       {/* Table shown on all other screens */}
-      <Table className='hidden sm:table'>
+      <Table className='mt-8 hidden sm:table'>
         <TableHeader>
           <TableRow>
             <TableHead className='w-1/6'>{t('time')}</TableHead>