gergely/cypher-player-assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Clean up styles

Browse Source
This commit is contained in:
Gergely Polonkai
2025-06-07 10:38:00 +02:00
parent d1c85c8a73
commit 2828facf7e
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@@ -6,6 +6,7 @@
<title>Cypher Player Assistant</title> <title>Cypher Player Assistant</title>
<link rel="stylesheet" type="text/css" href="static/reset.css"> <link rel="stylesheet" type="text/css" href="static/reset.css">
<style> <style>
/* Themes and theme switcher */
:root { :root {
/* Dark Color Scheme */ /* Dark Color Scheme */
--dark-bg: #111111; --dark-bg: #111111;
@@ -79,8 +80,6 @@
} }
} }
/* Actual page style */
.color-scheme-wrapper { .color-scheme-wrapper {
min-height: 100vh; min-height: 100vh;
background: var(--bg); background: var(--bg);
@@ -119,6 +118,8 @@
color: var(--light-text); color: var(--light-text);
} }
/* Outline and generic styles */
body { body {
background-color: var(--bg); background-color: var(--bg);
color: var(--text); color: var(--text);
@@ -131,7 +132,7 @@
text-align: center; text-align: center;
} }
#no-local-storage { #warn-no-local-storage {
display: none; display: none;
color: red; color: red;
} }
@@ -146,7 +147,9 @@
padding: 1em; padding: 1em;
} }
#no-loaded-container { /* No character loaded box (AKA the welcome screen) */
#cont-no-loaded {
text-align: center; text-align: center;
} }
</style> </style>
@@ -162,9 +165,9 @@
</div> </div>
<h1> <h1>
Cypher Player Assistant Cypher Player Assistant
<span id="no-local-storage" title="Local Storage is not available. You can import/export data, but the app won’t save it between sessions!">!</span> <span id="warn-no-local-storage" title="Local Storage is not available. You can import/export data, but the app won’t save it between sessions!">!</span>
</h1> </h1>
<div id="no-loaded-container" class="box"> <div id="cont-no-loaded" class="box">
No character is loaded. No character is loaded.
</div> </div>
</div> </div>
@@ -193,7 +196,7 @@
"DOMContentLoaded", "DOMContentLoaded",
() => { () => {
if (!checkLocalStorage()) { if (!checkLocalStorage()) {
document.getElementById("no-local-storage").style.display = "initial"; document.getElementById("warn-no-local-storage").style.display = "initial";
alert("Local Storage is not available, saving and loading data will be unavailable."); alert("Local Storage is not available, saving and loading data will be unavailable.");
} }
}, },