HeagBoKaT/cats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix modal: center on all screens, remove bottom-sheet that caused offset

Browse Source
This commit is contained in:
HeagBoKaT
2026-05-29 15:06:22 +03:00
parent f043107f87
commit c0be9f6eb4
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/CatModal.tsx
View File

@@ -112,9 +112,9 @@ export default function CatModal({ catId, onClose }: CatModalProps) {
}); });
return ( return (
<div className="fixed inset-0 z-[60] bg-black/30 flex items-end sm:items-center justify-center animate-fade-in" onClick={onClose}> <div className="fixed inset-0 z-[60] bg-black/30 flex items-center justify-center p-4 animate-fade-in" onClick={onClose}>
<div <div
className="w-full sm:max-w-lg bg-white sm:rounded-2xl max-h-[92vh] flex flex-col overflow-hidden shadow-xl animate-slide-up sm:animate-scale-in" className="w-full max-w-lg bg-white rounded-2xl max-h-[90vh] flex flex-col overflow-hidden shadow-xl animate-scale-in"
onClick={e => e.stopPropagation()} onClick={e => e.stopPropagation()}
> >
<div className="flex items-center justify-between px-5 py-4 shrink-0"> <div className="flex items-center justify-between px-5 py-4 shrink-0">