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

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

View File

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

View File

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