soheilkhaledabadi/persian-ping-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : add modal details

Browse Source
This commit is contained in:
ali josheghani
2024-06-07 01:10:13 +03:30
parent 1210431d9d
commit ebb27a0182
8 changed files with 135 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/common/modal/index.tsx
View File

@@ -36,13 +36,16 @@ export default function MuiModal({
className="relative w-full h-full flex justify-center items-center border-none outline-none"
>
<motion.div
className="max-md:max-w-72 md:w-80 lg:w-96 min-h-80 shadow-xl shadow-[rgb(20,20,20)] bg-[rgb(20,20,20,0.99)] rounded-lg p-4 relative flex flex-col justify-between items-center gap-4"
className="max-md:w-72 md:w-80 lg:w-96 min-h-80 shadow-xl shadow-[rgb(20,20,20)] bg-[rgb(20,20,20,0.99)] rounded-lg p-4 relative flex flex-col justify-between items-center gap-4"
initial={{ y: "-100vw" }}
animate={{ y: 0 }}
>
<motion.div className="w-full h-full flex justify-between">
<motion.div className="w-full h-full flex gap-2 justify-between">
<h1 className="text-lg md:text-xl font-bold">
{title} {nameService && <span className="text-green-600"> {nameService} </span>}
{title && title}
{nameService && (
<span className="text-green-600"> {nameService} </span>
)}
</h1>
<button onClick={handleClose}>
<IoClose className="w-7 h-7" />