VoltEuropa/qrcode.volt.link
VoltEuropa/qrcode.volt.link
1
0
Fork 0
mirror of https://github.com/voltbonn/qrcode.volt.link.git synced 2024-09-29 13:26:01 +00:00
Code Activity

BUGFIX added forgotten css for scaling the apps

Browse source
This commit is contained in:
thomasrosen 2021-08-05 19:14:42 +02:00
parent ecbcfffe6e
commit 047c5436d6
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -32,7 +32,7 @@
<script async defer data-website-id="1c499366-299a-410b-9dea-ee9ee12977a2" src="https://umami.qiekub.org/umami.js" data-domains="qrcode.volt.link"></script>
</head>
<body>
<body class="basis_0_4">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>

40
src/index.css
View file

@ -24,18 +24,6 @@
--on-blue: #fff;
--red: #E63E12;
--on-red: #fff;
--basis: 0.4rem;
--basis_x0_2: calc(0.2 * var(--basis));
--basis_x0_5: calc(0.5 * var(--basis));
--basis_x2: calc(2 * var(--basis));
--basis_x4: calc(4 * var(--basis));
--basis_x8: calc(8 * var(--basis));
--basis_x16: calc(16 * var(--basis));
/* --basis_x32: calc(32 * var(--basis)); */
--basis_x64: calc(64 * var(--basis));
--font-add: 1rem;
}
* {
@ -61,6 +49,31 @@
-moz-osx-font-smoothing: grayscale;
}
:root {
--basis: 1rem;
}
.basis_0_8 {
--basis: 0.8rem;
}
.basis_0_4 {
--basis: 0.4rem;
}
:root,
.basis_0_8,
.basis_0_4 {
--basis_x0_2: calc(0.2 * var(--basis));
--basis_x0_5: calc(0.5 * var(--basis));
--basis_x2: calc(2 * var(--basis));
--basis_x4: calc(4 * var(--basis));
--basis_x8: calc(8 * var(--basis));
--basis_x16: calc(16 * var(--basis));
/* --basis_x32: calc(32 * var(--basis)); */
--basis_x64: calc(64 * var(--basis));
--font-add: 1rem;
--body-font-size: calc(var(--font-add) + var(--basis));
--body2-font-size: calc(var(--font-add) + var(--basis_x0_5));
}
html {
--background: var(--white);
--background-rgb: var(--white-rgb);
@ -93,9 +106,6 @@ html[lang="ar"] { /* for arabic */
body {
background: var(--background);
color: var(--on-background);
--body-font-size: calc(var(--font-add) + var(--basis));
--body2-font-size: calc(var(--font-add) + var(--basis_x0_5));
font-size: var(--body-font-size);
}