1
0
mirror of https://github.com/nolanlawson/pinafore synced 2024-12-12 02:07:26 +01:00
Pinafore-Web-Client-Frontend/routes/_components/settings/SettingsList.html
2018-03-13 20:02:50 -07:00

28 lines
542 B
HTML

<div class="settings-list-wrapper">
{{#if label}}
<ul class="settings-list" aria-label="{{label}}">
<slot></slot>
</ul>
{{else}}
<ul class="settings-list">
<slot></slot>
</ul>
{{/if}}
</div>
<style>
.settings-list-wrapper {
margin: 20px 20px;
}
ul.settings-list {
list-style: none;
width: 100%;
border: 1px solid var(--settings-list-item-border);
margin: 0 auto;
box-sizing: border-box;
}
@media (max-width: 767px) {
.settings-list-wrapper {
margin: 20px 0;
}
}
</style>