pinafore/routes/_components/settings/SettingsList.html

35 lines
621 B
HTML
Raw Normal View History

2018-01-31 17:06:06 +00:00
<div class="settings-list-wrapper">
{#if label}
<ul class="settings-list" aria-label={label}>
2018-01-31 17:06:06 +00:00
<slot></slot>
</ul>
{:else}
2018-01-31 17:06:06 +00:00
<ul class="settings-list">
<slot></slot>
</ul>
{/if}
2018-01-31 17:06:06 +00:00
</div>
2018-01-13 20:12:17 +00:00
<style>
2018-01-31 17:06:06 +00:00
.settings-list-wrapper {
margin: 20px 20px;
}
ul.settings-list {
2018-01-13 20:12:17 +00:00
list-style: none;
width: 100%;
2018-01-13 20:12:17 +00:00
border: 1px solid var(--settings-list-item-border);
2018-01-31 17:06:06 +00:00
margin: 0 auto;
box-sizing: border-box;
}
@media (max-width: 767px) {
.settings-list-wrapper {
margin: 20px 0;
}
2018-01-13 20:12:17 +00:00
}
2018-04-30 16:57:49 +00:00
</style>
<script>
export default {
data: () => ({
label: void 0
})
}
</script>