fix: rule card style

Zephyruso · Dec 2, 2024 · 35cbea0 · 35cbea0
1 parent ffec0c5
commit 35cbea0
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/rules/RuleCard.vue b/src/components/rules/RuleCard.vue
@@ -1,7 +1,8 @@
 <template>
-  <div class="card w-full flex-row gap-1 rounded-xl bg-base-100 p-2 text-sm shadow-lg">
-    <div class="min-w-32 text-primary">{{ rule.proxy }}</div>
-    <div class="flex-1">{{ rule.payload }}</div>
+  <div class="card w-full flex-row gap-2 rounded-xl bg-base-100 p-2 text-sm shadow-lg">
+    <span>{{ rule.type }}</span>
+    <span>{{ rule.payload }}</span>
+    <div class="min-w-32 text-primary">-> {{ rule.proxy }}</div>
   </div>
 </template>