mirror of
https://github.com/koel/koel
synced 2024-12-29 22:13:06 +00:00
41 lines
1 KiB
Vue
41 lines
1 KiB
Vue
<template>
|
|
<section id="profileWrapper">
|
|
<screen-header>Profile & Preferences</screen-header>
|
|
|
|
<div class="main-scroll-wrap">
|
|
<profile-form/>
|
|
<themes/>
|
|
<preferences/>
|
|
<lastfm-integration/>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue'
|
|
|
|
export default Vue.extend({
|
|
components: {
|
|
ScreenHeader: () => import('@/components/ui/screen-header.vue'),
|
|
ProfileForm: () => import('@/components/profile-preferences/profile-form.vue'),
|
|
LastfmIntegration: () => import('@/components/profile-preferences/lastfm-integration.vue'),
|
|
Preferences: () => import('@/components/profile-preferences/preferences.vue'),
|
|
Themes: () => import('@/components/profile-preferences/themes.vue')
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
#profileWrapper {
|
|
.main-scroll-wrap > * + * {
|
|
margin-top: 1.75rem;
|
|
padding-top: 1.75rem;
|
|
border-top: 1px solid var(--color-background-secondary);
|
|
}
|
|
|
|
.main-scroll-wrap h1 {
|
|
font-size: 1.85rem;
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
}
|
|
</style>
|