mmintel/mintel.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(blog): optimize ShareModal dimensions and fix share button disappearing
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 9s
Details
Build & Deploy / 🏗️ Build (push) Failing after 16s
Details
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Details
Build & Deploy / 🩺 Health Check (push) Has been cancelled
Details
Build & Deploy / 🔔 Notify (push) Has been cancelled
Details
Build & Deploy / 🧪 QA (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-02-22 12:52:01 +01:00
parent b15c8408ff
commit c68ffec480
2 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/components/ShareModal.tsx
View File

@@ -136,7 +136,7 @@ export function ShareModal({
<div className="space-y-4">
{/* Social Post Preview Section */}
<div className="space-y-2">
<div className="bg-slate-50 rounded-2xl border border-slate-100 overflow-hidden shadow-inner">
<div className="bg-slate-50/50 rounded-2xl border border-slate-100 shadow-inner">
<div className="p-4 flex items-center gap-3 border-b border-white/50">
<div className="w-8 h-8 rounded-full bg-slate-200 animate-pulse" />
<div className="space-y-1">
@@ -145,7 +145,7 @@ export function ShareModal({
</div>
</div>
<div className="p-4 space-y-4">
<div className="space-y-2">
<div className="space-y-4">
<div className="h-2.5 w-full bg-slate-200 rounded animate-pulse" />
<div className="h-2.5 w-3/4 bg-slate-200 rounded animate-pulse" />
</div>
@@ -160,11 +160,11 @@ export function ShareModal({
}}
/>
<div className="relative p-2 md:p-4 flex flex-col items-center w-full">
<div className="relative p-2 md:p-6 flex flex-col items-center w-full bg-slate-50/30">
<img
src={imagePreview}
alt={title || "Diagram"}
className="w-full max-h-[45vh] object-contain transition-transform duration-700"
className="w-full max-h-[50vh] object-contain transition-transform duration-700 rounded-xl"
/>
</div>