diff --git a/front/src/components/radios/Card.vue b/front/src/components/radios/Card.vue index 267c2e990..2775823c8 100644 --- a/front/src/components/radios/Card.vue +++ b/front/src/components/radios/Card.vue @@ -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" primary full + grow :to="{name: 'library.radios.edit', params: {id: customRadioId }}" > {{ t('components.radios.Card.button.edit') }} diff --git a/front/src/composables/width.ts b/front/src/composables/width.ts index a178e6e35..e63012b3c 100644 --- a/front/src/composables/width.ts +++ b/front/src/composables/width.ts @@ -10,6 +10,7 @@ export type WidthProps = | { medium?: true } | { auto?: true } | { full?: true } + | { grow?: true } | { width?: string } | { square?: true } | { squareSmall?: true } @@ -25,7 +26,8 @@ const widths = { small: "width: 202px; --grid-column: span 3;", medium: "width: 280px; --grid-column: span 4;", 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;`, } as const