bvandeusen/FabledCurator
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 35 Wiki Activity

feat(nav): teleport Showcase Shuffle into the nav action slot

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-05-16 19:40:14 -04:00
parent af2598451c
commit a2529d750a
1 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/ShowcaseView.vue
+3 -10
View File
@@ -1,11 +1,11 @@
<template> <template>
<v-container fluid class="py-6"> <v-container fluid class="py-6">
<div class="fc-showcase__head"> <Teleport to="#fc-nav-actions">
<v-btn <v-btn
prepend-icon="mdi-shuffle-variant" variant="tonal" color="accent" prepend-icon="mdi-shuffle-variant" variant="tonal" color="accent"
:loading="store.loading" @click="store.shuffle()" size="small" :loading="store.loading" @click="store.shuffle()"
>Shuffle</v-btn> >Shuffle</v-btn>
</div> </Teleport>
<v-alert v-if="store.error" type="error" variant="tonal" closable class="my-4"> <v-alert v-if="store.error" type="error" variant="tonal" closable class="my-4">
Failed to load: {{ store.error }} Failed to load: {{ store.error }}
@@ -39,10 +39,3 @@ function openImage(id) {
router.push({ name: 'gallery', query: { image: id } }) router.push({ name: 'gallery', query: { image: id } })
} }
</script> </script>
<style scoped>
.fc-showcase__head {
display: flex; align-items: center; justify-content: flex-end;
margin-bottom: 16px;
}
</style>