validation puge css netlify

pages/hash/_hash.vue

@@ -10,7 +10,10 @@
       <div class="row mt-3" v-if="idFromHash.status != 'REVOKED' && idFromHash.status != 'NEWCOMER'">
         <div class="col-12 col-md-6 mb-3">
           <h3>Certifications reçues
-            <span :class="'text-'+$options.filters.dateStatus(idFromHash.received_certifications.limit)" v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning')">⚠
+            <span :class="{
+              'text-danger' : $options.filters.dateStatus(idFromHash.received_certifications.limit) == 'danger',
+              'text-warning' : $options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning'
+            }" v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning')">⚠
               <span class="sr-only" v-if="$options.filters.dateStatus(idFromHash.received_certifications.limit) == 'danger'">En manque de certifications</span>
               <span class="sr-only" v-else>Bientôt en manque de certifications</span>
             </span>