From 73f0e6b4816523ae9bce6ae718beb210c61a147e Mon Sep 17 00:00:00 2001
From: Alex Frantz <alex@alexav.gg>
Date: Sun, 20 Oct 2024 03:02:52 -0400
Subject: [PATCH] improve truncation behavior on project component

---
 src/components/ProjectComponent.tsx | 10 +++++-----
 src/pages/index.tsx                 |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ProjectComponent.tsx b/src/components/ProjectComponent.tsx
index e7dbc2a..9bf7c7f 100644
--- a/src/components/ProjectComponent.tsx
+++ b/src/components/ProjectComponent.tsx
@@ -20,12 +20,12 @@ export default function ProjectComponent({
                     <h1 className="text-center font-semibold">{header}</h1>
                 </div>
 
-                <div className="flex items-center">
-                    <img src={projectImage} width={projectImageSize} />
+                <div className="flex items-center w-full">
+                    <img src={projectImage} width={projectImageSize} className="flex-shrink-0" />
 
-                    <div className="flex flex-wrap mx-2">
-                        <h1 className="font-bold w-[190px] text-left truncate whitespace-nowrap overflow-hidden">{projectHeader}</h1>
-                        <h1 className="w-3/4 text-left truncate whitespace-nowrap overflow-hidden">{projectSubheader}</h1>
+                    <div className="flex flex-col mx-2 min-w-0 flex-grow">
+                        <h1 className="font-bold text-left truncate">{projectHeader}</h1>
+                        <h1 className="text-left truncate">{projectSubheader}</h1>
                     </div>
                 </div>
             </div>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 723fc78..704e90d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -36,13 +36,13 @@ export default function Home() {
                         />
                         <Project 
                             name="steam-deck-file-sync"
-                            description="Sync clips from Steam Deck > your computer easily"
+                            description="Sync clips from Steam Deck"
                             urlTo="https://github.com/azpha/steam-deck-file-sync"
                             image="https://storage.alexav.gg/content/steam-deck.jpg"
                         />
                         <Project 
                             name="subscription-tracker"
-                            description="Easily track & get notified for upcoming subscriptions"
+                            description="Easily track upcoming subscriptions"
                             urlTo="https://github.com/azpha/subscription-tracker"
                             image="https://storage.alexav.gg/content/a7a289ac-9466-4f3f-b904-2f9be897e0f7.png"
                         />