Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

Increase size between user-groups in AddresseeSelectorComponent.vue

Browse Source
This commit is contained in:
Julien Fastré 2024-06-04 11:59:26 +02:00
parent e45af94c78
commit 154fc3e2f6
Signed by: julienfastre
GPG Key ID: BDE2190974723FCB
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/AddresseeSelectorComponent.vue
View File

@ -1,13 +1,13 @@
<template>
<div class="row">
<div class="col-12 col-lg-6 col-md-6 text-center">
<div class="mb-2">
<div class="mb-5 level-line">
<span
v-for="userGroupItem in userGroups.filter(
(userGroup) => userGroup.excludeKey == 'level'
)"
:key="userGroupItem.id"
class="m-1"
class="m-2 as-user-group"
>
<input
type="radio"
@ -34,13 +34,13 @@
</label>
</span>
</div>
<div class="mb-2">
<div class="mb-2 level-line">
<span
v-for="userGroupItem in userGroups.filter(
(userGroup) => userGroup.excludeKey == ''
)"
:key="userGroupItem.id"
class="m-1"
class="m-2"
>
<input
type="checkbox"
@ -146,7 +146,8 @@ export default defineComponent({
function getUserGroupBtnColor(userGroup: UserGroup) {
return [
`.btn-check:checked + .btn-${userGroup.id} {
`color: ${userGroup.foregroundColor};
.btn-check:checked + .btn-${userGroup.id} {
color: ${userGroup.foregroundColor};
background-color: ${userGroup.backgroundColor};
}`,
@ -238,4 +239,8 @@ export default defineComponent({
box-shadow: 0 0 0 0.2rem var(--bs-chill-green);
outline: 0;
}
.as-user-group {
display: inline-block;
}
</style>