Add invite modal

This commit is contained in:
Robert Long
2021-12-03 11:45:29 -08:00
parent f09454ec09
commit 8425a177e2
14 changed files with 589 additions and 37 deletions

49
src/Modal.module.css Normal file
View File

@@ -0,0 +1,49 @@
.modalOverlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(23, 25, 28, 0.5);
display: flex;
align-items: center;
justify-content: center;
}
.modal {
background: #21262c;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
border-radius: 8px;
min-width: 420px;
}
.modalHeader {
display: flex;
justify-content: space-between;
padding: 34px 34px 0 34px;
}
.modalHeader h3 {
font-size: 24px;
margin: 0;
}
.closeButton {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
padding: 0;
border: none;
cursor: pointer;
}
.content {
padding: 24px 32px;
}
.content p {
margin-top: 0;
}