improved light theme styling

This commit is contained in:
Tako 2023-06-01 19:47:12 +00:00
parent 8606115064
commit 64d165828b

View File

@ -14,7 +14,7 @@
<span class="text-small">{{ pairlist.description }}</span> <span class="text-small">{{ pairlist.description }}</span>
</div> </div>
<b-button <b-button
class="p-0" class="p-0 add-pairlist"
style="border: none" style="border: none"
variant="outline-light" variant="outline-light"
:disabled="pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator" :disabled="pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator"
@ -148,9 +148,17 @@ onMounted(async () => {
} }
} }
[data-theme='light'] .add-pairlist {
color: black;
}
.empty { .empty {
border: 3px dashed rgba(255, 255, 255, 0.65); border: 3px dashed rgba(255, 255, 255, 0.65);
[data-theme='light'] & {
border: 3px dashed rgba(0, 0, 0, 0.5);
}
&:after { &:after {
content: 'Drag pairlist here'; content: 'Drag pairlist here';
position: absolute; position: absolute;