fix(browser-extension): media queries for mobile version
This commit is contained in:
parent
5c9d81f6a4
commit
f7f2b456a9
@ -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));
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user