chg: [front] Usage of Alert

This commit is contained in:
Sami Mokaddem 2024-07-25 11:27:35 +02:00
parent 0370ad08a7
commit 76ce0607f7
5 changed files with 6 additions and 18 deletions

View file

@ -32,7 +32,7 @@
<template> <template>
<div> <div>
<h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400"> <h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400 uppercase">
<FontAwesomeIcon :icon="faSignal"></FontAwesomeIcon> <FontAwesomeIcon :icon="faSignal"></FontAwesomeIcon>
Live logs Live logs
</h3> </h3>

View file

@ -25,7 +25,7 @@
bg-slate-100 border-slate-300 dark:bg-slate-600 dark:border-slate-800 bg-slate-100 border-slate-300 dark:bg-slate-600 dark:border-slate-800
"> ">
<h4 class="text-xl mb-2 font-bold text-blue-500 dark:text-blue-400"> <h4 class="text-xl mb-2 font-bold text-blue-500 dark:text-blue-400 uppercase">
<FontAwesomeIcon :icon="faUsers"></FontAwesomeIcon> <FontAwesomeIcon :icon="faUsers"></FontAwesomeIcon>
Active Players Active Players
</h4> </h4>

View file

@ -23,7 +23,7 @@
</script> </script>
<template> <template>
<h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400"> <h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400 uppercase">
<FontAwesomeIcon :icon="faGraduationCap"></FontAwesomeIcon> <FontAwesomeIcon :icon="faGraduationCap"></FontAwesomeIcon>
Active Exercises Active Exercises
</h3> </h3>
@ -32,15 +32,10 @@
v-if="!hasExercises" v-if="!hasExercises"
class="text-slate-600 dark:text-slate-400 p-3 pl-6" class="text-slate-600 dark:text-slate-400 p-3 pl-6"
> >
<div class=" <Alert variant="warning">
p-2 border-l-4 text-left rounded
dark:bg-yellow-300 dark:text-slate-900 dark:border-yellow-700
bg-yellow-200 text-slate-900 border-yellow-700
">
<FontAwesomeIcon :icon="faWarning" class="text-yellow-700 text-lg mx-3"></FontAwesomeIcon>
<strong class="">No Exercise available.</strong> <strong class="">No Exercise available.</strong>
<span class="ml-1">Select an exercise in the <i class="underline">Admin panel</i>.</span> <span class="ml-1">Select an exercise in the <i class="underline">Admin panel</i>.</span>
</div> </Alert>
<ThePlayerGrid></ThePlayerGrid> <ThePlayerGrid></ThePlayerGrid>
</div> </div>

View file

@ -58,13 +58,6 @@ const messages = computed(() => {
:icon="icon" :icon="icon"
:class="`text-${variantClass}-700 text-lg mx-3`" :class="`text-${variantClass}-700 text-lg mx-3`"
></FontAwesomeIcon> ></FontAwesomeIcon>
<strong class="mr-2">{{ props.title }}</strong> <slot></slot>
<p
class="text-slate-700 p-1 font-light whitespace-pre"
v-for="(message, i) in messages"
:key="i"
>
{{ message }}
</p>
</div> </div>
</template> </template>