MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ui): [WIP] tabs that have :to prop are displayed the same as button tabs

This commit is contained in:
upsiflu 2025-02-16 21:53:08 +01:00
parent 6baee019e1
commit ea873d4438
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/components/ui/Tabs.vue
View File

@ -37,7 +37,7 @@ watch(() => tabs.length, (_, from) => {
<div class="funkwhale tabs"> <div class="funkwhale tabs">
<div class="tabs-header"> <div class="tabs-header">
<component ghost :is="tab.to ? Link : Button" <component ghost :is="tab.to ? Link : Button"
v-for="(tab, _) in tabs" :class="{ 'is-active': currentTitle === tab.title }" v-for="(tab, _) in tabs" :class="{ 'is-active': actualCurrentTitle === tab.title }"
v-bind="tab" v-bind="tab"
:onClick="() => { currentTitle = tab.title }" :onClick="() => { currentTitle = tab.title }"
@keydown.left="currentTitle = tabs[(currentIndex - 1 + tabs.length) % tabs.length].title" @keydown.left="currentTitle = tabs[(currentIndex - 1 + tabs.length) % tabs.length].title"

2
front/src/components/ui/tabs.scss
View File

@ -22,7 +22,7 @@
outline:1px dotted currentColor; outline:1px dotted currentColor;
} }
> button.tabs-item { > .tabs-item {
font-size: 1rem; font-size: 1rem;
padding: 8px; padding: 8px;
min-width: 96px; min-width: 96px;