Browse Source

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

Add shrink-0 class to icon elements to maintain consistent icon sizing
when card layouts flex or wrap content.
pull/216/head
Jose Olarte III 3 days ago
parent
commit
2f99d0b416
  1. 4
      src/components/PersonCard.vue
  2. 2
      src/components/ProjectCard.vue

4
src/components/PersonCard.vue

@ -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

@ -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">

Loading…
Cancel
Save