koel/resources/assets/js/components/screens/ProfileScreen.vue
Phan An abb0438c8d
fix: buggy Spotify integration (#1731)
This fixes a bug with Spotify integration that occurs if an installation isn't connected to Last.fm. Closing #1730 and #1653.
2023-12-27 12:49:28 +01:00

37 lines
1.1 KiB
Vue

<template>
<section id="profileWrapper">
<ScreenHeader>Profile &amp; Preferences</ScreenHeader>
<div class="main-scroll-wrap">
<ProfileForm />
<ThemeList />
<PreferencesForm />
<SpotifyIntegration />
<LastfmIntegration />
</div>
</section>
</template>
<script lang="ts" setup>
import ScreenHeader from '@/components/ui/ScreenHeader.vue'
import ProfileForm from '@/components/profile-preferences/ProfileForm.vue'
import SpotifyIntegration from '@/components/profile-preferences/SpotifyIntegration.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>