Improve dark popover style

This commit is contained in:
Matthias 2021-11-24 20:36:42 +01:00
parent 01a29a9be0
commit 27d433d56a
2 changed files with 10 additions and 1 deletions

View File

@ -24,7 +24,12 @@
<div> <div>
<label class="mr-auto h3">Blacklist</label> <label class="mr-auto h3">Blacklist</label>
<b-button id="blacklist-add-btn" class="float-right" size="sm">+</b-button> <b-button id="blacklist-add-btn" class="float-right" size="sm">+</b-button>
<b-popover target="blacklist-add-btn" triggers="click" :show.sync="blackListShow"> <b-popover
title="Add to blacklist"
target="blacklist-add-btn"
triggers="click"
:show.sync="blackListShow"
>
<form ref="form" @submit.prevent> <form ref="form" @submit.prevent>
<div> <div>
<b-form-group label-cols="2" label="Pair" label-for="pair-input"> <b-form-group label-cols="2" label="Pair" label-for="pair-input">

View File

@ -73,6 +73,10 @@
} }
.popover { .popover {
background: $bg-dark; background: $bg-dark;
border-color: lighten($bg-dark, 20%);
}
.popover-header {
background: $bg-darker;
} }
.popover-body { .popover-body {
color: $fg-color; color: $fg-color;