Build [v1.14.24]
This commit is contained in:
@@ -34,18 +34,18 @@ export default function PhotoModal({
|
||||
aria-label={`Photo viewer for ${title}`}
|
||||
>
|
||||
<div
|
||||
className="bg-surface border border-slate-800 rounded-3xl max-w-2xl w-full max-h-[90vh] overflow-auto flex flex-col"
|
||||
className="bg-surface border border-outline/30 max-w-2xl w-full max-h-[90vh] overflow-auto flex flex-col"
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
{/* Header */}
|
||||
<div className="sticky top-0 bg-surface border-b border-slate-800/50 p-4 md:p-6 flex items-center justify-between">
|
||||
<h2 className="text-xl md:text-2xl font-normal text-white truncate">{title}</h2>
|
||||
<div className="sticky top-0 bg-surface border-b border-outline/30/50 p-4 md:p-6 flex items-center justify-between">
|
||||
<h2 className="text-xl md:text-2xl font-normal text-foreground truncate">{title}</h2>
|
||||
<button
|
||||
onClick={onClose}
|
||||
className="p-2 hover:bg-slate-800 rounded-full text-muted hover:text-white transition-colors"
|
||||
className="p-2 hover:bg-surface-container text-secondary hover:text-foreground transition-colors"
|
||||
aria-label="Close modal"
|
||||
>
|
||||
<X size={20} className="text-rose-500" />
|
||||
<X size={20} className="text-error" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -54,7 +54,7 @@ export default function PhotoModal({
|
||||
<img
|
||||
src={photoUrl}
|
||||
alt={title}
|
||||
className="max-w-full max-h-[calc(90vh-120px)] object-contain rounded-2xl"
|
||||
className="max-w-full max-h-[calc(90vh-120px)] object-contain"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user