diff --git a/resources/js/components/Dashboard/AdminView/Components/MaturityCyberByTerritory.vue b/resources/js/components/Dashboard/AdminView/Components/MaturityCyberByTerritory.vue index 8ff47379af0ce755dacc8c205b08aa7803f4646d..2f4dbd5fca5b62b381d92582abadfae349b7e0d0 100644 --- a/resources/js/components/Dashboard/AdminView/Components/MaturityCyberByTerritory.vue +++ b/resources/js/components/Dashboard/AdminView/Components/MaturityCyberByTerritory.vue @@ -14,7 +14,7 @@ <div class="card-body"> <PolarArea :chart-data="chartData" :chart-options="options" /> <div class="row"> - <div v-for="t in territories" :key="t.id" :class="`col-mt-4 mt-4 ${territories.length > 1 ? 'border-right' : ''}`"> + <div v-for="t in territories" :key="t.id" :class="`col-md-4 col-sm-12 mt-4 ${territories.length > 1 ? 'border-right' : ''}`"> <b>{{ t.name }}</b> <br/> <small>Indice de maturité cyber</small> <br/> <span v-if="t.organizations.length"> {{ Math.round(t.current_maturity_cyber * 10)/10 }}</span> <span v-else>-</span> diff --git a/resources/js/components/Dashboard/AdminView/Components/MeasurePlanned.vue b/resources/js/components/Dashboard/AdminView/Components/MeasurePlanned.vue index 606feec2ccecdbb1c5b561a05f09156da8a1e7b7..8b76fe81711a85cb620d091158067b13a7666795 100644 --- a/resources/js/components/Dashboard/AdminView/Components/MeasurePlanned.vue +++ b/resources/js/components/Dashboard/AdminView/Components/MeasurePlanned.vue @@ -19,9 +19,9 @@ <div class="progress progress-xs my-1"> <div class="progress-bar" - :class="measure.max_levels[0] === 1 ? 'bg-danger' : measure.max_levels[0] === 2 ? 'bg-info' : measure.max_levels[0] === 3 ? 'bg-success' : 'black'" role="progressbar" - :style="{width: measure.max_levels[0] === 1 ? '33%' : measure.max_levels[0] === 2 ? '66%' : measure.max_levels[0] === 3 ? '100%' : '0%'}" + :style="{width: measure.max_levels[0] === 1 ? '33%' : measure.max_levels[0] === 2 ? '66%' : measure.max_levels[0] === 3 ? '100%' : '0%', + background: measure.max_levels[0] === 1 ? '#D63F49' : measure.max_levels[0] === 2 ? '#FFC107' : measure.max_levels[0] === 3 ? '#468355' : 'black'}" aria-valuemin="0" aria-valuemax="100"></div> </div> <div v-if="organizationsNumber" class="card-text">