refactor: Clean up styles
This commit is contained in:
17
index.html
17
index.html
@@ -6,6 +6,7 @@
|
||||
<title>Cypher Player Assistant</title>
|
||||
<link rel="stylesheet" type="text/css" href="static/reset.css">
|
||||
<style>
|
||||
/* Themes and theme switcher */
|
||||
:root {
|
||||
/* Dark Color Scheme */
|
||||
--dark-bg: #111111;
|
||||
@@ -79,8 +80,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Actual page style */
|
||||
|
||||
.color-scheme-wrapper {
|
||||
min-height: 100vh;
|
||||
background: var(--bg);
|
||||
@@ -119,6 +118,8 @@
|
||||
color: var(--light-text);
|
||||
}
|
||||
|
||||
/* Outline and generic styles */
|
||||
|
||||
body {
|
||||
background-color: var(--bg);
|
||||
color: var(--text);
|
||||
@@ -131,7 +132,7 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#no-local-storage {
|
||||
#warn-no-local-storage {
|
||||
display: none;
|
||||
color: red;
|
||||
}
|
||||
@@ -146,7 +147,9 @@
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
#no-loaded-container {
|
||||
/* No character loaded box (AKA the welcome screen) */
|
||||
|
||||
#cont-no-loaded {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@@ -162,9 +165,9 @@
|
||||
</div>
|
||||
<h1>
|
||||
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>
|
||||
<div id="no-loaded-container" class="box">
|
||||
<div id="cont-no-loaded" class="box">
|
||||
No character is loaded.
|
||||
</div>
|
||||
</div>
|
||||
@@ -193,7 +196,7 @@
|
||||
"DOMContentLoaded",
|
||||
() => {
|
||||
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.");
|
||||
}
|
||||
},
|
||||
|
Reference in New Issue
Block a user