limepotato/nelle-observer
1
1
Fork 0
Code Pull requests Activity

tweak mobile css

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/styles/css/classes.css
View file

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

12
public/styles/css/mobile.css
View file

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

2
src/components/main-page/widgets/ntfy.astro
View file

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