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) {
.btn-group button {
font-size: 3em;
height: 135px;
width: 150px;
font-size: 2.4em;
height: 88px;
width: 88px;
}
.minGroup {
width: 80px;
width: 50px;
}
}

12
src/js/index.js
View File

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