versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: 💄 Make sure avatars never shrink in flex containers

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-05-02 17:28:31 -10:00
parent eb0385ab8a
commit 8eaccb31c2
No known key found for this signature in database
5 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/social-elements/users/Account.vue
View file

@ -9,7 +9,7 @@
</Skeleton>
<div class="flex items-start justify-between px-4 py-3">
<div class="h-32 w-32 -mt-[4.5rem] z-10 bg-dark-700 rounded overflow-hidden">
<div class="h-32 w-32 -mt-[4.5rem] z-10 bg-dark-700 rounded shrink-0 overflow-hidden">
<Skeleton :enabled="skeleton" class="!h-full !w-full">
<img class="cursor-pointer bg-dark-700 ring-1 ring-white/10" :src="account?.avatar"
:alt="`${account?.acct}'s avatar'`" />

2
components/social-elements/users/SmallCard.vue
View file

@ -1,7 +1,7 @@
<template>
<NuxtLink :href="accountUrl" class="flex flex-row">
<Skeleton :enabled="!account" shape="rect" class="!h-12 w-12">
<div>
<div class="shrink-0">
<img class="h-12 w-12 rounded ring-1 ring-white/5" :src="account?.avatar"
:alt="`${account?.acct}'s avatar'`" />
</div>