divers styles: colors var, table thead,...

This commit is contained in:
2021-07-13 12:17:45 +02:00
parent 30af99f4f0
commit 15f439b43d
6 changed files with 37 additions and 19 deletions

View File

@@ -7,7 +7,7 @@
</div>
<table class="table table-bordered table-striped border-dark align-middle" v-if="participations.length > 0">
<thead class="">
<thead>
<tr>
<th class="chill-orange">{{ $t('persons_associated.name') }}</th>
<th class="chill-orange">{{ $t('persons_associated.startdate') }}</th>

View File

@@ -6,7 +6,7 @@
<div v-if="accompanyingCourse.requestor" class="flex-table">
<label>
<input type="checkbox" v-model="isAnonymous" /><!-- :value="value" -->
<input type="checkbox" v-model="isAnonymous" class="me-2" /><!-- :value="value" -->
{{ $t('requestor.is_anonymous') }}
</label>
@@ -154,7 +154,5 @@ div.flex-table {
margin-right: 2em;
}
}
}
</style>

View File

@@ -75,6 +75,14 @@ export default {
<style src="vue-multiselect/dist/vue-multiselect.css"></style>
<style lang="scss">
span.multiselect__tag {
background: var(--chill-orange);
background: var(--bs-chill-orange);
}
span.multiselect__option--highlight {
&::after {
background: var(--bs-chill-green);
}
&.multiselect__option--selected::after {
background: var(--bs-chill-red);
}
}
</style>