Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-10 14:44:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: use type for screen header layout

Browse source
This commit is contained in:
Phan An 2022-07-17 11:07:46 +02:00
parent 47dc2a5744
commit 5ecfc89aa6
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
3 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/ui/ScreenHeader.vue
View file

@ -20,7 +20,7 @@
</template>
<script lang="ts" setup>
const props = withDefaults(defineProps<{ layout?: 'expanded' | 'collapsed' }>(), { layout: 'expanded' })
const props = withDefaults(defineProps<{ layout?: ScreenHeaderLayout }>(), { layout: 'expanded' })
</script>
<style lang="scss">

2
resources/assets/js/composables/useSongList.ts
View file

@ -29,7 +29,7 @@ export const useSongList = (
const isPhone = isMobile.phone
const selectedSongs = ref<Song[]>([])
const showingControls = ref(false)
const headerLayout = ref<'expanded' | 'collapsed'>('expanded')
const headerLayout = ref<ScreenHeaderLayout>('expanded')
const onScrollBreakpoint = (direction: 'up' | 'down') => {
headerLayout.value = direction === 'down' ? 'collapsed' : 'expanded'

1
resources/assets/js/types.d.ts vendored
View file

@ -116,6 +116,7 @@ interface FileSystemEntry {
}
type MediaInfoDisplayMode = 'aside' | 'full'
type ScreenHeaderLayout = 'expanded' | 'collapsed'
interface AlbumTrack {
readonly title: string