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

feat(ui): add alignment props on alert component

This commit is contained in:
ArneBo 2025-02-11 12:58:40 +01:00
parent 0b5c5de472
commit 462a220d3d
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/components/ui/Alert.vue
View File

@ -1,7 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { type PastelProps, color } from '~/composables/color' import { type PastelProps, color } from '~/composables/color'
import { type AlignmentProps, align } from '~/composables/alignment'
export type Props = PastelProps export type Props = PastelProps & AlignmentProps
const props = defineProps<Props>() const props = defineProps<Props>()
</script> </script>
@ -9,7 +10,8 @@ const props = defineProps<Props>()
<template> <template>
<div <div
class="funkwhale is-colored solid alert" class="funkwhale is-colored solid alert"
v-bind="color(props)()" role="alert"
v-bind="color(align(props)())"
> >
<slot /> <slot />