From 6dfefbdb18f48ef9a2d20859503578227fe22648 Mon Sep 17 00:00:00 2001
From: MRoyhanF <froyhan0@gmail.com>
Date: Sat, 21 Dec 2024 13:07:25 +0700
Subject: [PATCH] update: logout | update modal validation

---
 src/resources/views/components/ui/sidebar.edge | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/resources/views/components/ui/sidebar.edge b/src/resources/views/components/ui/sidebar.edge
index 2fe7976..735352f 100644
--- a/src/resources/views/components/ui/sidebar.edge
+++ b/src/resources/views/components/ui/sidebar.edge
@@ -95,13 +95,13 @@
             Logout
         @end
         @slot('content')
-          <div class="flex flex-col gap-2">
-            <p>Apakah yakin mau keluar?</p>
-            <div class="flex flex-row gap-2 justify-between">
-              <button class="bg-red-500 text-white px-3 py-1 rounded-md hover:bg-red-600">Tidak</button>
-              <button type="button" onclick="logout()" class="bg-blue-500 text-white px-3 py-1 rounded-md hover:bg-blue-600" >Ya</button>
+          <div class="flex flex-col gap-y-2 text-center">
+            <h1 class="text-sm text-red-700">Are you sure you want to logout?</h1>
+            <div class="flex flex-row gap-x-2">
+                <button type="button" onclick="logout()" class="shadow-md py-2 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-red-300 text-red-800 hover:bg-red-400 focus:outline-none focus:bg-red-200 disabled:opacity-50 disabled:pointer-events-none text-center w-full justify-center">Yes</button>
+                <button type="button" @click="modalOpen=false" class="shadow-md py-2 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-300 text-blue-800 hover:bg-blue-400 focus:outline-none focus:bg-blue-200 disabled:opacity-50 disabled:pointer-events-none text-center w-full justify-center">No</button>
             </div>
-          </div>
+        </div>
         @end
       @end
     </div>