tweak mobile css

This commit is contained in:
nelle 2024-09-08 01:54:54 -06:00
parent 9458ae9ad1
commit b4f61b842d
3 changed files with 16 additions and 4 deletions

View file

@ -119,11 +119,15 @@ hr {
image-rendering: pixelated;
}
fieldset {
.ntfyOpts {
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
border: 2.5px solid var(--accent);
border-radius: 3px;
display: inherit;
margin-left: 35%;
margin-right: 35%;
margin-bottom: -4%;
margin-top: 2%;
}

View file

@ -1,10 +1,18 @@
@media (max-width: 768px) {
:root {
font-size: 14px;
font-size: 12px;
}
h1 {
font-size: 32px;
font-size: 30px;
}
h2 {
font-size: 20px;
}
.ntfyOpts {
margin: initial;
}
.ntfyForm {

View file

@ -24,7 +24,7 @@
</button>
<br>
<!-- OPTIONS BOXES -->
<fieldset style="margin-left: 35%; margin-right: 35%; margin-bottom: -4%; margin-top: 2%;">
<fieldset class="ntfyOpts">
<div>
<input type="checkbox" id="optionsCheckbox" name="optionsCheckbox" onchange="toggleOptions()"/>
<label for="optionsCheckbox">More Options</label>