Add content-visibility in a few places

This commit is contained in:
Jon Staab 2026-08-31 15:05:06 -07:00
parent 4f584e3f5d
commit 4780727f09
3 changed files with 3 additions and 3 deletions

View file

@ -15,7 +15,7 @@
const {pubkey, url}: Props = $props() const {pubkey, url}: Props = $props()
</script> </script>
<div class="card card-interactive flex flex-col gap-4"> <div class="cv card card-interactive flex flex-col gap-4">
<div class="flex justify-between"> <div class="flex justify-between">
<Profile {pubkey} {url} /> <Profile {pubkey} {url} />
<Link href={makeProfilePath(pubkey)} class="button button-primary hidden sm:flex"> <Link href={makeProfilePath(pubkey)} class="button button-primary hidden sm:flex">

View file

@ -36,7 +36,7 @@
} }
</script> </script>
<Card sm class="flex flex-col gap-4"> <Card sm class="cv flex flex-col gap-4">
<div class="flex justify-between"> <div class="flex justify-between">
<div> <div>
<ProfileName pubkey={event.pubkey} {url} /> <ProfileName pubkey={event.pubkey} {url} />

View file

@ -34,7 +34,7 @@
{#if mobile} {#if mobile}
<Link <Link
href={path} href={path}
class="hover:bg-surface-less flex w-full flex-col gap-2 border-b border-solid border-line px-4 py-3 text-left text-sm transition-colors"> class="cv hover:bg-surface-less flex w-full flex-col gap-2 border-b border-solid border-line px-4 py-3 text-left text-sm transition-colors">
<p class="truncate font-medium">{title || "Untitled thread"}</p> <p class="truncate font-medium">{title || "Untitled thread"}</p>
<div class="text-content-muted flex flex-wrap items-center gap-x-3 gap-y-1 text-xs"> <div class="text-content-muted flex flex-wrap items-center gap-x-3 gap-y-1 text-xs">
<span class="flex min-w-0 items-center gap-1.5"> <span class="flex min-w-0 items-center gap-1.5">