rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-18 07:52:23 +01:00
Code Issues Releases Activity

Fix cookies modal's size

Browse Source
This commit is contained in:
vincent 2022-03-08 12:16:43 +01:00
parent c4a1d0d2ca
commit 24a048b1d4
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/frontend/src/stylesheets/modules/cookies.scss
View File

@ -1,25 +1,28 @@
.cookies-consent { .cookies-consent {
display: flex; display: flex;
position: fixed; position: fixed;
bottom: 3rem; right: 0;
left: 3rem; bottom: 0;
width: 40rem; left: 0;
background-color: #f5f5f5; background-color: #f5f5f5;
padding: 3rem; padding: 3rem;
flex-direction: column; flex-direction: column;
z-index: 100; z-index: 100;
-webkit-box-shadow: 0 4px 10px 2px rgba(224, 224, 224, 0.43); -webkit-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 4px 10px 2px rgba(224, 224, 224, 0.43); -moz-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 10px 2px rgba(224, 224, 224, 0.43); box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.25);
.cookies-actions { .cookies-actions {
flex-wrap: wrap;
display: flex; display: flex;
height: 45px; justify-content: space-between;
gap: 1rem;
margin-top: 1rem;
button { button {
flex-basis: 50%; @extend .fab-button;
flex: 1;
} }
button.decline { button.decline {
background-color: transparent; background-color: transparent;
border: 0; border: 0;
@ -31,4 +34,10 @@
font-size: 17px; font-size: 17px;
} }
} }
@media (min-width: 480px) {
bottom: 3rem;
left: 3rem;
width: 40rem;
}
} }