m.giller/giller.dev
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Fixed settings layout on mobile

Browse source
This commit is contained in:
Maximilian Giller 2023-02-25 04:55:38 +01:00
parent 4290d4850d
commit 07ef866de1
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -44,9 +44,10 @@
}
#settings {
width: 500px;
max-width: 500px;
margin: 0 auto;
height: 60vh;
padding: 0 20px;
}
#settings-notice {
@ -63,6 +64,11 @@
.hide {
opacity: 0;
}
.settings-table td {
vertical-align: top;
border-style: none;
}
</style>
</head>
@ -79,9 +85,14 @@
</div>
<div id="settings">
<h1>Settings</h1>
<input type="checkbox" id="notifications" name="notifications" value="notifications" /><label
for="notifications">Enable wake up
notifications</label>
<table class="settings-table">
<tr>
<td><input type="checkbox" id="notifications" name="notifications" value="notifications" /></td>
<td><label for="notifications">Enable wake up
notifications</label></td>
</tr>
</table>
</div>
<script>