🚨 !HOTFIX!: ul, li 태그 div로 변경

boostcampwm-2024 · Dec 4, 2024 · aae7749 · aae7749
1 parent a46cd06
commit aae7749
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/apps/client/src/entities/home/WorkspaceItem/WorkspaceItem.tsx b/apps/client/src/entities/home/WorkspaceItem/WorkspaceItem.tsx
@@ -45,8 +45,7 @@ export const WorkspaceItem = ({
   };
 
   return (
-
-    <li className="shadow-md relative overflow-hidden rounded-lg bg-white">
+    <div className="relative overflow-hidden rounded-lg bg-white shadow-md">
       <button
         className="absolute right-2 top-2 flex h-8 w-8 items-center justify-center rounded-full bg-white p-2 text-gray-300 transition-colors hover:bg-red-500 hover:text-white"
         onClick={handleOnclick}
@@ -69,6 +68,6 @@ export const WorkspaceItem = ({
           <p className="text-medium-sm text-gray-400">{formatRelativeOrAbsoluteDate(lastEdited)}</p>
         </aside>
       </div>
-    </li>
+    </div>
   );
 };
diff --git a/apps/client/src/widgets/home/WorkspaceGrid/WorkspaceGrid.tsx b/apps/client/src/widgets/home/WorkspaceGrid/WorkspaceGrid.tsx
@@ -7,8 +7,10 @@ import { PropsWithChildren } from 'react';
  */
 export const WorkspaceGrid = ({ children }: PropsWithChildren) => {
   return (
-    <ul>
-      <li className="grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">{children}</li>
-    </ul>
+    <div>
+      <div className="grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+        {children}
+      </div>
+    </div>
   );
 };