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

fix(style): contrasting colors in textarea; center upload card icons

This commit is contained in:
upsiflu 2025-02-03 09:41:01 +01:00
parent 32093949c7
commit 5a39323e11
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
front/src/components/ui/Textarea.vue
View File

@ -213,21 +213,21 @@ onMounted(() => {
<label class="textarea-buttons"
:for="preview ? 'expanded-preview-button' : 'nothing'"
>
<Button ghost square-small @click="paragraph" icon="bi-paragraph" :aria-pressed="isParagraph || undefined" :disabled="preview" />
<Button ghost square-small @click="heading1" icon="bi-type-h1" :aria-pressed="isHeading1 || undefined" :disabled="preview" />
<Button ghost square-small @click="heading2" icon="bi-type-h2" :aria-pressed="isHeading2 || undefined" :disabled="preview" />
<Button ghost square-small @click="quote" icon="bi-quote" :aria-pressed="isQuote || undefined" :disabled="preview" />
<Button ghost square-small @click="orderedList" icon="bi-list-ol" :aria-pressed="isOrderedList || undefined"
<Button secondary square-small @click="paragraph" icon="bi-paragraph" :aria-pressed="isParagraph || undefined" :disabled="preview" />
<Button secondary square-small @click="heading1" icon="bi-type-h1" :aria-pressed="isHeading1 || undefined" :disabled="preview" />
<Button secondary square-small @click="heading2" icon="bi-type-h2" :aria-pressed="isHeading2 || undefined" :disabled="preview" />
<Button secondary square-small @click="quote" icon="bi-quote" :aria-pressed="isQuote || undefined" :disabled="preview" />
<Button secondary square-small @click="orderedList" icon="bi-list-ol" :aria-pressed="isOrderedList || undefined"
:disabled="preview" />
<Button ghost square-small @click="unorderedList" icon="bi-list-ul" :aria-pressed="isUnorderedList || undefined"
<Button secondary square-small @click="unorderedList" icon="bi-list-ul" :aria-pressed="isUnorderedList || undefined"
:disabled="preview" />
<Spacer />
<Button ghost square-small @click="bold" icon="bi-type-bold" :disabled="preview" />
<Button ghost square-small @click="italics" icon="bi-type-italic" :disabled="preview" />
<Button ghost square-small @click="strikethrough" icon="bi-type-strikethrough" :disabled="preview" />
<Button ghost square-small @click="link" icon="bi-link-45deg" :disabled="preview" />
<Button secondary square-small @click="bold" icon="bi-type-bold" :disabled="preview" />
<Button secondary square-small @click="italics" icon="bi-type-italic" :disabled="preview" />
<Button secondary square-small @click="strikethrough" icon="bi-type-strikethrough" :disabled="preview" />
<Button secondary square-small @click="link" icon="bi-link-45deg" :disabled="preview" />
<span v-if="charLimit !== Infinity && typeof charLimit === 'number'" class="letter-count">{{ charLimit - model.length }}</span>
@ -237,7 +237,7 @@ onMounted(() => {
<slot />
<Button ghost low-height min-content
<Button secondary low-height min-content
id="expanded-preview-button"
@click="preview = !preview"
icon="bi-eye"

8
front/src/ui/modals/Upload.vue
View File

@ -108,7 +108,7 @@ const channels = [0,1,2,3,4].map(dummyChannel)
<Layout flex style="place-content:center" v-if="state.page === 'selectDestination'">
<Card small solid secondary title="Music"
@click="destinationSelected('channel')"
icon="bi-upload"
icon="bi-upload primary solid"
>
<template #image>
<i class="bi bi-music-note-beamed solid primary" :class="$style.icon"></i>
@ -117,7 +117,7 @@ const channels = [0,1,2,3,4].map(dummyChannel)
</Card>
<Card small solid secondary title="Podcast"
@click="destinationSelected('podcast')"
icon="bi-upload"
icon="bi-upload primary solid"
>
<template #image>
<i class="bi bi-mic-fill solid primary" :class="$style.icon"></i>
@ -155,8 +155,7 @@ const channels = [0,1,2,3,4].map(dummyChannel)
</Layout>
<template #actions>
<Button secondary
>
<Button secondary>
Cancel
</Button>
<Button disabled v-if="state.page === 'selectDestination'">
@ -176,5 +175,6 @@ const channels = [0,1,2,3,4].map(dummyChannel)
padding:28px;
inset:0;
display:block;
text-align: center;
}
</style>