koel/resources/assets/js/components/screens/ProfileScreen.vue

35 lines
955 B
Vue
Raw Normal View History

2022-04-15 14:24:30 +00:00
<template>
<section id="profileWrapper">
2022-04-15 17:00:08 +00:00
<ScreenHeader>Profile &amp; Preferences</ScreenHeader>
2022-04-15 14:24:30 +00:00
<div class="main-scroll-wrap">
2022-04-15 17:00:08 +00:00
<ProfileForm/>
<ThemeList/>
<PreferencesForm/>
2022-04-15 17:00:08 +00:00
<LastfmIntegration/>
2022-04-15 14:24:30 +00:00
</div>
</section>
</template>
2022-04-15 17:00:08 +00:00
<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>
2022-04-15 14:24:30 +00:00
<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>