wanhose/cookie-dialog-monster
wanhose/cookie-dialog-monster
2
5
Fork 0
Code Issues 304 Pull Requests Releases 18 Wiki Activity

fix(browser-extension): media queries for mobile version

Browse Source
This commit is contained in:
wanhose 2024-10-10 16:16:04 +02:00
parent 1c96a2e262
commit e9758d9e2d
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/browser-extension/src/styles/options.css
View File

@ -40,7 +40,7 @@ button[data-variant='large'] {
padding: 8px; padding: 8px;
} }
@media (max-width: 768px) { @media only screen and (max-device-width: 768px) {
button[data-variant='large'] { button[data-variant='large'] {
justify-content: flex-end; justify-content: flex-end;
} }
@ -115,7 +115,7 @@ main {
margin-bottom: 4px; margin-bottom: 4px;
} }
@media (max-width: 768px) { @media only screen and (max-device-width: 768px) {
.button-group { .button-group {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-columns: repeat(2, minmax(0px, 1fr));

4
packages/browser-extension/src/styles/popup.css
View File

@ -15,7 +15,7 @@ body {
width: 320px; width: 320px;
} }
@media (max-width: 768px) { @media only screen and (max-device-width: 768px) {
body { body {
width: auto; width: auto;
} }
@ -80,7 +80,7 @@ header {
} }
} }
@media (max-width: 768px) { @media only screen and (max-device-width: 768px) {
main { main {
margin: 0 auto; margin: 0 auto;
max-width: 320px; max-width: 320px;