fix: rule card style

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