alex/qrdamage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix css issue in dark mode on mobile

Browse Source
This commit is contained in:
Alexander Wainwright
2025-12-18 21:11:50 +10:00
parent ed9d0f14ee
commit 81334c1e83
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -163,7 +163,7 @@
Powered by <a href="https://davidshimjs.github.io/qrcodejs/" target="_blank">qrcode.js</a> (MIT).
</p>
<p class="build-info">
VERSION: 0.1.0
VERSION: 0.1.1
</p>
</div>
</footer>

18
style.css
View File

@@ -583,12 +583,22 @@ input[type="radio"]:focus {
border-bottom: 1px solid #ffffff;
}
/* 4. STICKY WRAPPER: Toned down shadow */
/* 4. STICKY WRAPPER: Responsive Dark Mode logic */
/* Default (Mobile): Keep it clean/invisible */
.sticky-wrapper {
background: #000000;
border: 1px solid #ffffff;
background: transparent;
border: none;
box-shadow: none;
}
box-shadow: 10px 10px 0px 0px #ddd;
/* Desktop Only: Add the Brutalist Box */
@media (min-width: 768px) {
.sticky-wrapper {
background: #000000;
border: 1px solid #ffffff;
/* Hard Dark Grey Shadow */
box-shadow: 10px 10px 0px 0px #333333;
}
}
/* 5. QR CONTAINER: Dark to match the theme */