feat: add Frutiger font, enhance UI with glass effect and shadows, and improve component styling

This commit is contained in:
2025-09-07 01:12:09 +02:00
parent f1e891413a
commit c3539cfc11
16 changed files with 173 additions and 76 deletions

View File

@@ -85,8 +85,10 @@ export function ThoughtCard({
<div
id={thought.id}
className={cn(
"bg-card/70 backdrop-blur-lg shadow-fa-md rounded-xl overflow-hidden glossy-effect bottom",
isReply ? "backdrop-blur-sm shadow-fa-sm p-2" : ""
"bg-transparent backdrop-blur-lg shadow-fa-md rounded-xl overflow-hidden glossy-effect bottom",
isReply
? "bg-white/80 glass-effect glossy-effect bottom shadow-fa-sm p-2"
: ""
)}
>
{thought.replyToId && isReply && (
@@ -163,7 +165,7 @@ export function ThoughtCard({
)}
{isReplyOpen && (
<div className="border-t p-4 border-border/50 bg-background/50 backdrop-blur-sm">
<div className="border-t m-4 rounded-2xl border-border/50 bg-secondary/20 ">
<ReplyForm
parentThoughtId={thought.id}
onReplySuccess={() => setIsReplyOpen(false)}