truncate

BDD-CLUB · Nov 28, 2024 · 858fcc6 · 858fcc6
1 parent 26c218f
commit 858fcc6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/container/square-container.tsx b/src/components/container/square-container.tsx
@@ -42,13 +42,13 @@ const SquareContainer = ({
       </div>
       <div
         onClick={onClickName}
-        className="mt-2 font-bold text-lg text-black dark:text-white text-center tracking-wide hover:underline"
+        className="mt-2 font-bold text-lg text-black dark:text-white text-center tracking-wide hover:underline w-full px-8 truncate"
       >
         {name}
       </div>
       <span
         onClick={onClickDescription}
-        className="font-medium text-sm text-neutral-600 dark:text-neutral-400 text-center hover:underline"
+        className="font-medium text-sm text-neutral-600 dark:text-neutral-400 text-center hover:underline w-full px-2 truncate"
       >
         {description}
       </span>