BrainBlast/ui/src/views/MQTTDebugView.vue

<template>
  <div> <!-- Zone pour publier sur MQTT --> <PublishMQTTComponent />
 <!-- Zone pour afficher la console MQTT --> <MQTTConsoleComponent />
  </div>
</template>

<script>
import PublishMQTTComponent from '@/components/MQTTDebugPublish.vue' // Importer le composant pour publier sur MQTT
import MQTTConsoleComponent from '@/components/MQTTDebugConsole.vue' // Importer le composant pour la console MQTT

export default {
  components: { PublishMQTTComponent, // Composant pour publier sur MQTT MQTTConsoleComponent // Composant pour la console MQTT
  }
}
</script>

<style>
@media (min-width: 1024px) {
  .card__title.primary {   background-color: #d42828; /* Changez la couleur en fonction de votre thème */
  }
  .card__title.feedback {   background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */
  }
  .btn{ border-radius:30px!important; background-color: #d42828; /* Changez la couleur en fonction de votre thème */
  }
}
</style>