some small style improvements in thirdparty section

This commit is contained in:
2021-12-06 14:25:00 +01:00
parent ce171ec747
commit 0617014e91
8 changed files with 65 additions and 42 deletions

View File

@@ -10,7 +10,20 @@
background-color: $chill-blue;
}
&.bg-thirdparty-contact {
//@extedn .bg-secondary;
//@extend .bg-secondary;
background-color: $secondary;
}
}
///
div.thirdparty-list {
div.flex-table {
div.item-bloc {
div.item-row {
div.item-col:first-child {
flex-basis: 25%;
}
}
}
}
}

View File

@@ -12,13 +12,13 @@
</a>
<span class="name">{{ thirdparty.text }}</span>
<span class="badge bg-thirdparty-child" v-if="thirdparty.kind == 'child'">
<span class="badge rounded-pill bg-thirdparty-child" v-if="thirdparty.kind == 'child'">
{{ $t('thirdparty.child')}}
</span>
<span class="badge bg-thirdparty-company" v-else-if="thirdparty.kind == 'company'">
<span class="badge rounded-pill bg-thirdparty-company" v-else-if="thirdparty.kind == 'company'">
{{ $t('thirdparty.company')}}
</span>
<span class="badge bg-thirdparty-contact" v-else>
<span class="badge rounded-pill bg-thirdparty-contact" v-else>
{{ $t('thirdparty.contact')}}
</span>

View File

@@ -24,7 +24,7 @@
<div class="form-check">
<input class="form-check-input mt-0" type="radio" v-model="kind" value="company" id="tpartyKindInstitution">
<label for="tpartyKindInstitution" class="required">
<span class="badge bg-thirdparty-company" style="padding-top: 0;">
<span class="badge rounded-pill bg-thirdparty-company" style="padding-top: 0;">
{{ $t('tparty.company')}}
</span>
</label>
@@ -32,7 +32,7 @@
<div class="form-check">
<input class="form-check-input mt-0" type="radio" v-model="kind" value="contact" id="tpartyKindContact">
<label for="tpartyKindContact" class="required">
<span class="badge bg-thirdparty-contact" style="padding-top: 0;">
<span class="badge rounded-pill bg-thirdparty-contact" style="padding-top: 0;">
{{ $t('tparty.contact')}}
</span>
</label>