style: use muted repeat icon instead of forbidden for disabled boosts

This commit is contained in:
freeplay 2023-07-10 17:43:02 -04:00
parent 2555701338
commit 51203b2bc1
3 changed files with 13 additions and 2 deletions

View file

@ -869,6 +869,9 @@ defineExpose({
margin: 0; margin: 0;
padding: 8px; padding: 8px;
opacity: 0.7; opacity: 0.7;
&:disabled {
opacity: 0.5 !important;
}
flex-grow: 1; flex-grow: 1;
max-width: 3.5em; max-width: 3.5em;
width: max-content; width: max-content;

View file

@ -477,6 +477,9 @@ function noteClick(e) {
margin: 0; margin: 0;
padding: 8px; padding: 8px;
opacity: 0.7; opacity: 0.7;
&:disabled {
opacity: 0.5 !important;
}
flex-grow: 1; flex-grow: 1;
max-width: 3.5em; max-width: 3.5em;
width: max-content; width: max-content;

View file

@ -10,8 +10,13 @@
<i class="ph-repeat ph-bold ph-lg"></i> <i class="ph-repeat ph-bold ph-lg"></i>
<p v-if="count > 0 && !detailedView" class="count">{{ count }}</p> <p v-if="count > 0 && !detailedView" class="count">{{ count }}</p>
</button> </button>
<button v-else class="eddddedb _button"> <button
<i class="ph-prohibit ph-bold ph-lg"></i> v-else
class="eddddedb _button"
disabled="true"
v-tooltip.noDelay.bottom="i18n.ts.disabled"
>
<i class="ph-repeat ph-bold ph-lg"></i>
</button> </button>
</template> </template>