raphael/whiteboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix mobile style

Browse Source
This commit is contained in:
Raphael 2023-03-15 23:36:53 +01:00
parent c572f2b85d
commit c0e7389570
2 changed files with 7 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/main.css
View File

@ -34,13 +34,13 @@ body {
@media (max-device-width: 1024px) { @media (max-device-width: 1024px) {
.btn-group button { .btn-group button {
font-size: 3em; font-size: 2.4em;
height: 135px; height: 88px;
width: 150px; width: 88px;
} }
.minGroup { .minGroup {
width: 80px; width: 50px;
} }
} }

12
src/js/index.js
View File

@ -9,15 +9,9 @@ import "./icons";
import main from "./main"; import main from "./main";
$(document).ready(function () { $(document).ready(function () {
// Set correct width height on mobile browsers $("head").append(
const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); '<meta name="viewport" content="width=device-width, initial-scale=0.52, maximum-scale=1" />'
if (isChrome) { );
$("head").append(
'<meta name="viewport" content="width=device-width, initial-scale=0.52, maximum-scale=1" />'
);
} else {
$("head").append('<meta name="viewport" content="width=1400" />');
}
main(); main();
}); });