cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: mobile modal styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-03 14:04:11 -07:00
parent 13ce318b80
commit c1107483c9
No known key found for this signature in database
3 changed files with 19 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/assets/styles/components/modal.css
View file

@ -10,9 +10,9 @@
position: fixed;
background: var(--background-color);
border: 1px solid var(--gray-light);
max-height: 75%;
max-width: 75%;
inset: 12.5%;
height: 100%;
width: 100%;
inset: 0;
overflow: scroll;
padding: var(--sizing-lg) var(--sizing-2xl);
@ -78,4 +78,12 @@
transform: rotate(8deg);
}
}
}
@media screen and (min-width: 768px) {
.modal-wrapper .modal-body {
max-height: 75%;
max-width: 75%;
inset: 12.5%;
}
}