From c2f432cb4d6cb33aae1334f4aeb26cbb5cbef5da Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sun, 5 Mar 2023 13:12:30 -0900
Subject: [PATCH] use badges instead of text

---
 frontend/pages/profile.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
index b744008..934115e 100644
--- a/frontend/pages/profile.vue
+++ b/frontend/pages/profile.vue
@@ -361,7 +361,7 @@
         <div v-if="notifiers.data.value" class="mx-4 divide-y divide-gray-400 rounded-md border border-gray-400">
           <article v-for="n in notifiers.data.value" :key="n.id" class="p-2">
             <div class="flex flex-wrap items-center gap-2">
-              <p class="mr-auto text-xl">{{ n.name }}</p>
+              <p class="mr-auto text-lg">{{ n.name }}</p>
               <div class="flex gap-2 justify-end">
                 <div class="tooltip" data-tip="Delete">
                   <button class="btn btn-sm btn-square" @click="deleteNotifier(n.id)">
@@ -377,8 +377,8 @@
             </div>
             <div class="flex justify-between py-1 flex-wrap text-sm">
               <p>
-                <span v-if="n.isActive" class="text-success font-bold"> Active </span>
-                <span v-else class="text-error font-bold"> Inactive</span>
+                <span v-if="n.isActive" class="badge badge-success"> Active </span>
+                <span v-else class="badge badge-error"> Inactive</span>
               </p>
               <p>
                 Created