Pinafore-Web-Client-Frontend/routes/settings/_components/SettingsList.html

<ul class="settings-list">
  <slot></slot>
</ul>
<style>
  ul.settings-list {
    list-style: none;
    width: 100%;
    border: 1px solid var(--settings-list-item-border);
    margin: 20px auto;
    max-width: 80%;
  }
</style>
more semantic class names, option to globalize CSS 2018-01-20 12:35:38 -08:00			`<ul class="settings-list">`
flesh out settings more 2018-01-13 12:12:17 -08:00			`<slot></slot>`
			`</ul>`
			`<style>`
more semantic class names, option to globalize CSS 2018-01-20 12:35:38 -08:00			`ul.settings-list {`
flesh out settings more 2018-01-13 12:12:17 -08:00			`list-style: none;`
add error handling, toasts, and loading spinner 2018-01-14 11:22:57 -08:00			`width: 100%;`
flesh out settings more 2018-01-13 12:12:17 -08:00			`border: 1px solid var(--settings-list-item-border);`
			`margin: 20px auto;`
add modal dialog to fix fullscreen video 2018-01-20 19:19:24 -08:00			`max-width: 80%;`
flesh out settings more 2018-01-13 12:12:17 -08:00			`}`
			`</style>`