trentlarson/crowd-funder-from-jason
1
0
Fork 0
forked from jsnbuchanan/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

fix(components): prevent icon shrinking in PersonCard and ProjectCard

Browse Source 
Add shrink-0 class to icon elements to maintain consistent icon sizing
when card layouts flex or wrap content.
This commit is contained in:
Jose Olarte III
2025-10-31 19:10:13 +08:00
parent 9c3002f9c7
commit 2f99d0b416
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/PersonCard.vue
View File

@@ -7,12 +7,12 @@ conflict detection. * * @author Matthew Raymer */
<EntityIcon
v-if="person.did"
:contact="person"
class="!size-[2rem] border border-slate-300 bg-white overflow-hidden rounded-full"
class="!size-[2rem] shrink-0 border border-slate-300 bg-white overflow-hidden rounded-full"
/>
<font-awesome
v-else
icon="circle-question"
class="text-slate-400 text-5xl mb-1"
class="text-slate-400 text-5xl mb-1 shrink-0"
/>
</div>

2
src/components/ProjectCard.vue
View File

@@ -10,7 +10,7 @@ issuer information. * * @author Matthew Raymer */
:entity-id="project.handleId"
:icon-size="48"
:image-url="project.image"
class="!size-[2rem] border border-slate-300 bg-white overflow-hidden rounded-full"
class="!size-[2rem] shrink-0 border border-slate-300 bg-white overflow-hidden rounded-full"
/>
<div class="overflow-hidden">