kediritechnopark/AnythingYouWant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working on modal

Browse Source
This commit is contained in:
nospeedlimitindonesia
2024-07-29 23:55:39 +00:00
parent 93df0458e6
commit 1bef19f624
7 changed files with 197 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/components/Modal.module.css
View File

@@ -1,34 +1,33 @@
/* src/components/Modal.module.css */
.modalOverlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modalContent {
background: white;
padding: 20px;
border-radius: 5px;
width: 500px;
max-width: 100%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: relative;
}
.closeButton {
margin-top: 20px;
background: #f44336;
color: white;
border: none;
padding: 10px;
cursor: pointer;
border-radius: 5px;
}
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modalContent {
background: white;
padding: 20px;
border-radius: 5px;
width: 80%;
height: 80%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: relative;
}
.closeButton {
margin-top: 20px;
background: #f44336;
color: white;
border: none;
padding: 10px;
cursor: pointer;
border-radius: 5px;
}