Skip to content

Commit 4c82088

Browse files
fix: prevent settings screen width from exceeding viewport on mobile (#1200)
1 parent f8549cf commit 4c82088

File tree

2 files changed

+9
-0
lines changed

2 files changed

+9
-0
lines changed

src/css/browserAction.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,10 @@ body {
2222
font-size: 1rem;
2323
}
2424

25+
body.mobile {
26+
max-width: 100vw;
27+
}
28+
2529
#logo {
2630
height: 1.75rem;
2731
vertical-align: sub;
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
import { loadSettings } from "./loadSettings";
22
import { loadVersion } from "./loadVersion";
33

4+
const isMobile = Boolean(/iPhone|Android.+Mobile/u.exec(navigator.userAgent));
5+
if (isMobile) {
6+
document.body.classList.add("mobile");
7+
}
8+
49
void loadSettings();
510
loadVersion();

0 commit comments

Comments
 (0)