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

feat(ui): iconWidth

This commit is contained in:
upsiflu 2025-01-04 12:24:37 +01:00
parent 8b25ed8fc1
commit 6e5c9bad76
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/composables/width.ts
View File

@ -3,6 +3,7 @@ import type { HTMLAttributes } from "vue";
export type WidthProps = export type WidthProps =
| { minContent?: true } | { minContent?: true }
| { iconWidth?: true }
| { tiny?: true } | { tiny?: true }
| { buttonWidth?: true } | { buttonWidth?: true }
| { small?: true } | { small?: true }
@ -14,6 +15,7 @@ export type Key = KeysOfUnion<WidthProps>
const styles = { const styles = {
minContent: 'width: min-content;', minContent: 'width: min-content;',
iconWidth: 'width: 40px;',
tiny: "width: 124px; grid-column: span 2;", tiny: "width: 124px; grid-column: span 2;",
buttonWidth: "width: 136px; grid-column: span 2; flex-grow: 0; min-width: min-content;", buttonWidth: "width: 136px; grid-column: span 2; flex-grow: 0; min-width: min-content;",
small: "width: 202px; grid-column: span 3;", small: "width: 202px; grid-column: span 3;",

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

@ -58,7 +58,7 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
<Button <Button
align-self="center" align-self="center"
round icon="bi-upload" round icon="bi-upload"
class="is-icon-only" icon-width
ghost ghost
@click="store.commit('ui/toggleModal', 'upload')" @click="store.commit('ui/toggleModal', 'upload')"
:aria-pressed="store.state.ui.modalsOpen.has('languages') || undefined" :aria-pressed="store.state.ui.modalsOpen.has('languages') || undefined"