style: use muted repeat icon instead of forbidden for disabled boosts
This commit is contained in:
parent
ed7b30ad7e
commit
ff7df3cc01
3 changed files with 13 additions and 2 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue