chore(ui-docs): update color prop for button component in docs

This commit is contained in:
upsiflu 2025-01-06 23:23:48 +01:00
parent 5efa7f2ab8
commit 952d81bfaa
3 changed files with 8 additions and 8 deletions

View File

@ -58,7 +58,7 @@ defineExpose({
/> />
</div> </div>
<div class="actions"> <div class="actions">
<Button color="secondary"> <Button secondary>
{{ t('components.channels.AlbumModal.button.cancel') }} {{ t('components.channels.AlbumModal.button.cancel') }}
</Button> </Button>
<Button <Button

View File

@ -247,7 +247,7 @@ You can nest [Funkwhale alerts](./alert) to visually highlight content within th
</Alert> </Alert>
</template> </template>
<template #actions> <template #actions>
<Button @click="isOpen3 = false" color="secondary"> <Button @click="isOpen3 = false" secondary>
Cancel Cancel
</Button> </Button>
<Button primary @click="isOpen3 = false"> <Button primary @click="isOpen3 = false">

View File

@ -437,8 +437,8 @@ const open = ref(false)
<PopoverCheckbox v-model="share"> <PopoverCheckbox v-model="share">
Share by link Share by link
<template #after> <template #after>
<Button @click.stop="alert('Link copied to clipboard')" color="secondary" round icon="bi-link" /> <Button ghost @click.stop="alert('Link copied to clipboard')" round icon="bi-link" />
<Button @click.stop="alert('Here is your code')" color="secondary" round icon="bi-code" /> <Button ghost @click.stop="alert('Here is your code')" round icon="bi-code" />
</template> </template>
</PopoverCheckbox> </PopoverCheckbox>
</template> </template>
@ -622,8 +622,8 @@ const privacyChoices = ["private", "pod", "public"];
<PopoverCheckbox v-model="share"> <PopoverCheckbox v-model="share">
Share by link Share by link
<template #after> <template #after>
<Button @click.stop color="secondary" round icon="bi-link" /> <Button @click.stop ghost round icon="bi-link" />
<Button @click.stop color="secondary" round icon="bi-code" /> <Button @click.stop ghost round icon="bi-code" />
</template> </template>
</PopoverCheckbox> </PopoverCheckbox>
</template> </template>
@ -727,8 +727,8 @@ const privacyChoices = ["private", "pod", "public"];
<PopoverCheckbox v-model="share"> <PopoverCheckbox v-model="share">
Share by link Share by link
<template #after> <template #after>
<Button @click.stop color="secondary" round icon="bi-link" /> <Button @click.stop ghost round icon="bi-link" />
<Button @click.stop color="secondary" round icon="bi-code" /> <Button @click.stop ghost round icon="bi-code" />
</template> </template>
</PopoverCheckbox> </PopoverCheckbox>
</template> </template>