Netsyms/PackageHelper
2
0
Fork 1
Code Issues 9 Pull Requests Releases 12 Wiki Activity

Settings: Center UI in middle of screen with max width (#36)

Browse Source
This commit is contained in:
Skylar Ittner 2020-04-03 13:49:40 -06:00
parent 861c669772
commit 58ff3476bb
1 changed files with 81 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
www/pages/settings.html
View File

@ -18,7 +18,9 @@
<div class="page-content"> <div class="page-content">
<div class="list media-list no-hairlines no-margin-top tablet-inset"> <div class="row justify-content-center">
<div class="col-100 medium-60 large-50 xlarge-40 elevation-tablet margin-top-tablet">
<div class="list media-list no-hairlines no-margin-top no-margin-bottom tablet-inset">
<ul> <ul>
{{#each settings}} {{#each settings}}
<li> <li>
@ -39,7 +41,11 @@
<div class="item-title"> <div class="item-title">
{{title}} {{title}}
</div> </div>
<div class="item-after" onclick="{{onclick}}"> <div class="item-after" onclick="{
{
onclick
}
}">
<label class="toggle toggle-init"> <label class="toggle toggle-init">
<input type="checkbox" {{#if checked}}checked{{/if}}> <input type="checkbox" {{#if checked}}checked{{/if}}>
<span class="toggle-icon"></span> <span class="toggle-icon"></span>
@ -78,7 +84,11 @@
</div> </div>
</a> </a>
{{else}} {{else}}
<div class="item-content" data-setting="{{setting}}" onclick="{{onclick}}"> <div class="item-content" data-setting="{{setting}}" onclick="{
{
onclick
}
}">
<div class="item-inner"> <div class="item-inner">
<div class="item-title-row"> <div class="item-title-row">
<div class="item-title">{{title}}</div> <div class="item-title">{{title}}</div>
@ -95,6 +105,8 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div>
<script src="assets/js/settings.js"></script> <script src="assets/js/settings.js"></script>