Fix hover clipping on buttons

This commit is contained in:
Face 2024-08-09 09:48:06 +03:00 committed by GStudiosX
parent 9e7b777638
commit 4d4664c7e4

View File

@ -322,13 +322,13 @@
<button on:click|stopPropagation={() => openLynt(id)} class="mb-2 w-full text-left">
<div
class="flex w-full gap-3 rounded-xl bg-lynt-foreground p-3 transition-colors hover:bg-border"
class="flex w-full gap-3 overflow-hidden rounded-xl bg-lynt-foreground p-3 transition-colors hover:bg-border"
>
<a href="/@{handle}" class="inline-block max-h-[40px] min-w-[40px]">
<Avatar size={10} src={cdnUrl(userId, 'small')} alt="A profile picture." />
</a>
<div class="flex w-full max-w-[530px] flex-col gap-2 overflow-hidden">
<div class="flex w-full max-w-[530px] flex-col gap-2">
<!-- Lynt that actually gets displayed. Main lynt -->
<LyntContents
{truncateContent}