resolves #69

acdh-oeaw · Feb 21, 2024 · a84bd7f · a84bd7f
1 parent 36a16a8
commit a84bd7f
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/components/indicator.vue b/components/indicator.vue
@@ -6,11 +6,14 @@ defineProps<{
 
 <template>
 	<div class="flex gap-1 rounded border p-2">
-		<div :class="status === 'red' && 'bg-red-500'" class="h-6 w-6 rounded-full bg-slate-300" />
+		<div :class="status === 'red' ? 'bg-red-500' : 'bg-slate-300'" class="h-6 w-6 rounded-full" />
 		<div
-			:class="status === 'yellow' && 'bg-yellow-500'"
-			class="h-6 w-6 rounded-full bg-slate-300"
+			:class="status === 'yellow' ? 'bg-yellow-500' : 'bg-slate-300'"
+			class="h-6 w-6 rounded-full"
+		/>
+		<div
+			:class="status === 'green' ? 'bg-green-500' : 'bg-slate-300'"
+			class="h-6 w-6 rounded-full"
 		/>
-		<div :class="status === 'green' && 'bg-green-500'" class="h-6 w-6 rounded-full bg-slate-300" />
 	</div>
 </template>