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>