alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve truncation behavior on project component

Browse Source
This commit is contained in:
Alex Frantz
2024-10-20 03:02:52 -04:00
parent c52d319dda
commit 73f0e6b481
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProjectComponent.tsx
+5 -5
View File
@@ -20,12 +20,12 @@ export default function ProjectComponent({
<h1 className="text-center font-semibold">{header}</h1> <h1 className="text-center font-semibold">{header}</h1>
</div> </div>
<div className="flex items-center"> <div className="flex items-center w-full">
<img src={projectImage} width={projectImageSize} /> <img src={projectImage} width={projectImageSize} className="flex-shrink-0" />
<div className="flex flex-wrap mx-2"> <div className="flex flex-col mx-2 min-w-0 flex-grow">
<h1 className="font-bold w-[190px] text-left truncate whitespace-nowrap overflow-hidden">{projectHeader}</h1> <h1 className="font-bold text-left truncate">{projectHeader}</h1>
<h1 className="w-3/4 text-left truncate whitespace-nowrap overflow-hidden">{projectSubheader}</h1> <h1 className="text-left truncate">{projectSubheader}</h1>
</div> </div>
</div> </div>
</div> </div>
src/pages/index.tsx
+2 -2
View File
@@ -36,13 +36,13 @@ export default function Home() {
/> />
<Project <Project
name="steam-deck-file-sync" 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" urlTo="https://github.com/azpha/steam-deck-file-sync"
image="https://storage.alexav.gg/content/steam-deck.jpg" image="https://storage.alexav.gg/content/steam-deck.jpg"
/> />
<Project <Project
name="subscription-tracker" name="subscription-tracker"
description="Easily track & get notified for upcoming subscriptions" description="Easily track upcoming subscriptions"
urlTo="https://github.com/azpha/subscription-tracker" urlTo="https://github.com/azpha/subscription-tracker"
image="https://storage.alexav.gg/content/a7a289ac-9466-4f3f-b904-2f9be897e0f7.png" image="https://storage.alexav.gg/content/a7a289ac-9466-4f3f-b904-2f9be897e0f7.png"
/> />