Using Tailwind CSS instead of custom one

This commit is contained in:
tomy2105 2021-04-28 15:20:13 +02:00 committed by Sipke Schoorstra
parent bbe3aa22fd
commit 2e8467b858
2 changed files with 1 additions and 15 deletions

View file

@ -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));
}

View file

@ -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 =>
(