Using Tailwind CSS instead of custom one
This commit is contained in:
parent
bbe3aa22fd
commit
2e8467b858
|
|
@ -1,17 +1,3 @@
|
|||
:host {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tag-input:focus {
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.pr-8 {
|
||||
padding-right: 2rem !important;
|
||||
}
|
||||
|
||||
.bg-green-350 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(52,191,113,var(--tw-bg-opacity));
|
||||
}
|
||||
|
|
@ -95,7 +95,7 @@ export class ElsaInputTagsDropdown {
|
|||
</a>
|
||||
))}
|
||||
|
||||
<select id={this.fieldId} class="inline-block text-xs bg-green-350 text-white py-2 px-3 mr-1 mb-1 pr-8 rounded" onChange={(e) => this.onTagSelected(e)}>
|
||||
<select id={this.fieldId} class="inline-block text-xs bg-green-400 text-white py-2 px-3 mr-1 mb-1 pr-8 rounded" onChange={(e) => this.onTagSelected(e)}>
|
||||
<option value="Add" disabled selected>{this.placeHolder}</option>
|
||||
{this.dropdownTags.map(tag =>
|
||||
(
|
||||
|
|
|
|||
Loading…
Reference in a new issue