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>
</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>
src/pages/index.tsx
+2 -2
View File
@@ -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"
/>