info/phpapprentice
1
0
Fork 0
mirror of https://github.com/restoreddev/phpapprentice.git synced 2025-01-17 06:38:14 +01:00
Code Issues Releases Wiki Activity

Improving dark mode form styles

Browse Source
This commit is contained in:
Andrew Davis 2020-02-02 14:39:58 -06:00
parent 4e8b26a3b0
commit 21d25374b7
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/styles.css
View File

@ -237,6 +237,10 @@ button:hover .icon svg {
height: 1.25em;
display: inline-block;
}
.dark-mode-form {
float: right;
padding-left: 1rem;
}
.home-title {
text-align: center;
}
@ -266,7 +270,7 @@ button:hover .icon svg {
}
@media only screen and (max-width: 420px) {
.home-buttons {
padding-top: 0.5em;
padding-top: 0.5rem;
max-width: 15em;
margin: 0 auto;
}
@ -275,13 +279,17 @@ button:hover .icon svg {
display: block;
}
.home-buttons .menu {
margin-top: 0.5em;
margin-top: 0.5rem;
text-align: center;
display: block;
}
.home-buttons .dark-mode-form {
float: none;
margin-top: 0.5rem;
}
}
.menu {
margin-bottom: 1.5em;
margin-bottom: 1.5rem;
}
.modal {
position: fixed;

2
layouts/partials/menu_button.html
View File

@ -3,7 +3,7 @@
<div class="icon">{{ readFile "static/show-sidebar.svg" | safeHTML }}</div>
Table of Contents
</button>
<form style="float: right; padding-left: 1rem;">
<form class="dark-mode-form">
<label for="dark_mode">Dark Mode?</label>
<input type="checkbox" id="dark_mode" name="dark_mode" />
</form>