mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-08 23:32:40 +02:00
refactor: improve layout and responsiveness of public chat snapshot row
This commit is contained in:
parent
03aa653646
commit
93e0b59540
1 changed files with 10 additions and 10 deletions
|
|
@ -58,16 +58,16 @@ export function PublicChatSnapshotRow({
|
||||||
<Card className="group relative overflow-hidden transition-all duration-200 border-border/60 hover:shadow-md h-full">
|
<Card className="group relative overflow-hidden transition-all duration-200 border-border/60 hover:shadow-md h-full">
|
||||||
<CardContent className="p-4 flex flex-col gap-3 h-full">
|
<CardContent className="p-4 flex flex-col gap-3 h-full">
|
||||||
{/* Header: Title + Actions */}
|
{/* Header: Title + Actions */}
|
||||||
<div className="flex items-start justify-between gap-2">
|
<div className="relative">
|
||||||
<div className="min-w-0 flex-1">
|
<div className="min-w-0 pr-0 sm:group-hover:pr-16">
|
||||||
<h4
|
<h4
|
||||||
className="text-sm font-semibold tracking-tight truncate"
|
className="text-sm font-semibold tracking-tight truncate"
|
||||||
title={snapshot.thread_title}
|
title={snapshot.thread_title}
|
||||||
>
|
>
|
||||||
{snapshot.thread_title}
|
{snapshot.thread_title}
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-0.5 shrink-0 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity duration-150">
|
<div className="flex items-center gap-0.5 shrink-0 sm:hidden sm:group-hover:flex absolute right-0 top-0">
|
||||||
<TooltipProvider>
|
<TooltipProvider>
|
||||||
<Tooltip open={isDesktop ? undefined : false}>
|
<Tooltip open={isDesktop ? undefined : false}>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue