From f7f2b456a967bbb603d37a4da88b4a862ba9596e Mon Sep 17 00:00:00 2001
From: wanhose <hello@wanhose.dev>
Date: Thu, 10 Oct 2024 16:16:04 +0200
Subject: [PATCH] fix(browser-extension): media queries for mobile version

---
 packages/browser-extension/src/styles/options.css | 4 ++--
 packages/browser-extension/src/styles/popup.css   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/browser-extension/src/styles/options.css b/packages/browser-extension/src/styles/options.css
index ca9c6d7..998e1a1 100644
--- a/packages/browser-extension/src/styles/options.css
+++ b/packages/browser-extension/src/styles/options.css
@@ -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));
diff --git a/packages/browser-extension/src/styles/popup.css b/packages/browser-extension/src/styles/popup.css
index bd4bf52..3af9dc6 100644
--- a/packages/browser-extension/src/styles/popup.css
+++ b/packages/browser-extension/src/styles/popup.css
@@ -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;