ByteDice/ByteDiceWeb
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

fixed font sizes for smaller screens on most pages

Browse Source
This commit is contained in:
ByteDice
2026-06-28 15:31:07 +02:00
parent dcac48b1e8
commit 2dd3847a81
7 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
global/globalStyle.css
+1 -1
View File
@@ -31,7 +31,7 @@ canvas {
}
.pxFont {
font-family: "Roboto", sans-serif;
font-size: 1rem;
; font-size: min(5vmin, 2vmax, 1rem)
}
@keyframes slide-left {
0% { transform: translateX(0%); }
global/loadingScreen.js
+4 -5
View File
@@ -10,9 +10,9 @@ loadingScreenEl.innerHTML = `
<img class="loadingImg" draggable="false" src="/assets/byteDiceBlinkAnim_32x32.png" id="loadingImg">
<div style="margin-left: calc(3px * var(--pxDensity)); display: flex;" id="fakeLoadingToggle">
<p class="encased" style="height: 100%">
<p class="encased" style="height: 100%; font-size: min(5vmin, 2vmax, 25px)">
Use extended loading screen?<br>
<small style="margin: 0px; font-size: 10px;">(For immersion)</small>
<small style="margin: 0px; font-size: min(5vmin, 2vmax, 10px)">(For immersion)</small>
</p>
<div class="encased" style="height: inherit; display: flex;">
<label class="switch" style="margin: auto;">
@@ -44,9 +44,8 @@ let selectedTip = "undefined"
function newTip() {
if (randomIntFrom0(1000) == 0) {
// If you snitch this easter egg code
// then I'll close the source and
// permanently remove the easter egg.
// If you snitch the code for this easter egg
// then I'll permanently remove the easter egg.
selectedTip = `You like kissing boys, don't you?<br>
<img src="/assets/boykissers/boykisser_64x64.png"
style="aspect-ratio: 1 / 1; width: min-content; height: min-content;">`
libs/index.html
+1 -1
View File
@@ -31,7 +31,7 @@
<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
<canvas id="starfallCanvas"></canvas>
<div id="navBarContainer" data-alt="byte, noAnim, testtube"></div>
<div id="navBarContainer" data-alt="byte, testtube"></div>
<ul class="libUl">
<li class="libLi">
libs/test/index.html
+1 -1
View File
@@ -31,7 +31,7 @@
<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
<canvas id="starfallCanvas"></canvas>
<div id="navBarContainer" data-alt="byte, noAnim, return"></div>
<div id="navBarContainer" data-alt="byte, return"></div>
<div class="borderedRect" style="margin: calc(3px * var(--pxDensity)); max-width: 30em">
<h1 style="margin-bottom: calc(1px * var(--pxDensity)); font-size: 2em; color: red; text-decoration: underline;">
toys/index.html
+1 -1
View File
@@ -52,7 +52,7 @@
</div>
</div>
<div id="navBarContainer" data-alt="byte, noAnim"></div>
<div id="navBarContainer" data-alt="byte"></div>
</div>
<div id="loadingScreen"></div>
toys/license/index.html
+1 -1
View File
@@ -194,7 +194,7 @@
<p id="credits_600x400">Original by Chilli<br>Remade by Byte Dice at bytedice.net/toys</p>
</div>
<div id="navBarContainer" data-alt="byte, noAnim"></div>
<div id="navBarContainer" data-alt="byte"></div>
</div>
<div id="loadingScreen"></div>
toys/style.css
+2 -1
View File
@@ -24,6 +24,7 @@
overflow-y: scroll;
overflow-x: hidden;
height: calc(16px * var(--pxDensity));
font-size: min(5vmin, 2vmax, 25px);
}
h1 {
font-size: max(1.2em, 2.5vmin);
@@ -46,7 +47,7 @@ button:active {
padding: calc(3px * var(--pxDensity));
display: inline-flex;
width: fit-content;
justify-content: flex-start;
justify-content: center;
flex-wrap: wrap;
gap: calc(6px * var(--pxDensity));
margin: 0 auto;