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

fix(ui): differentiate between full and grow widths

This commit is contained in:
ArneBo 2025-02-17 10:51:26 +01:00
parent 8c2c406637
commit eff34e0a2a
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/components/radios/Card.vue
View File

@ -74,6 +74,7 @@ const customRadioId = computed(() => props.customRadio?.id ?? null)
v-if="store.state.auth.authenticated && type === 'custom' && radio.user.id === store.state.auth.profile?.id" v-if="store.state.auth.authenticated && type === 'custom' && radio.user.id === store.state.auth.profile?.id"
primary primary
full full
grow
:to="{name: 'library.radios.edit', params: {id: customRadioId }}" :to="{name: 'library.radios.edit', params: {id: customRadioId }}"
> >
{{ t('components.radios.Card.button.edit') }} {{ t('components.radios.Card.button.edit') }}

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

@ -10,6 +10,7 @@ export type WidthProps =
| { medium?: true } | { medium?: true }
| { auto?: true } | { auto?: true }
| { full?: true } | { full?: true }
| { grow?: true }
| { width?: string } | { width?: string }
| { square?: true } | { square?: true }
| { squareSmall?: true } | { squareSmall?: true }
@ -25,7 +26,8 @@ const widths = {
small: "width: 202px; --grid-column: span 3;", small: "width: 202px; --grid-column: span 3;",
medium: "width: 280px; --grid-column: span 4;", medium: "width: 280px; --grid-column: span 4;",
auto: "width: auto;", auto: "width: auto;",
full: "width: auto; --grid-column: 1 / -1; place-self: stretch; flex-grow: 1;", full: "width: auto; --grid-column: 1 / -1; place-self: stretch;",
grow: "flex-grow: 1;",
width: (w: string) => `width: ${w}; flex-grow:0;`, width: (w: string) => `width: ${w}; flex-grow:0;`,
} as const } as const