mirror of
https://github.com/koel/koel
synced 2025-01-04 08:48:48 +00:00
35 lines
960 B
Vue
35 lines
960 B
Vue
<template>
|
|
<section id="profileWrapper">
|
|
<ScreenHeader>Profile & Preferences</ScreenHeader>
|
|
|
|
<div class="main-scroll-wrap">
|
|
<ProfileForm />
|
|
<ThemeList />
|
|
<PreferencesForm />
|
|
<LastfmIntegration />
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import ScreenHeader from '@/components/ui/ScreenHeader.vue'
|
|
import ProfileForm from '@/components/profile-preferences/ProfileForm.vue'
|
|
import LastfmIntegration from '@/components/profile-preferences/LastfmIntegration.vue'
|
|
import PreferencesForm from '@/components/profile-preferences/PreferencesForm.vue'
|
|
import ThemeList from '@/components/profile-preferences/ThemeList.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>
|