pinafore/routes/settings/_components/SettingsLayout.html

<SettingsNav :page :label/>

<div class="settings">
  <FreeTextLayout>
    <slot></slot>
  </FreeTextLayout>
</div>
<style>
  .settings {
    margin-top: 20px;
  }
  :global(.settings .free-text h1) {
    margin-bottom: 30px;
  }
</style>
<script>
  import SettingsNav from './SettingsNav.html';
  import FreeTextLayout from '../../_components/FreeTextLayout'

  export default {
    components: {
      FreeTextLayout,
      SettingsNav
    }
  };
</script>