From eaf0e5b2414e39c199656a0e1f76cb1bff79c6b6 Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Sun, 17 Nov 2024 12:29:41 +0530
Subject: [PATCH] feat(NewChat): improve button styles and layout

- Update the styles and layout of the "New Chat" and dropdown buttons in the NewChat component
- Rounded the buttons to match the design
- Adjusted the spacing and alignment of the button elements
- Ensured consistent styling between light and dark modes
---
 src/components/Layouts/NewChat.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Layouts/NewChat.tsx b/src/components/Layouts/NewChat.tsx
index e20681a..fa8cab8 100644
--- a/src/components/Layouts/NewChat.tsx
+++ b/src/components/Layouts/NewChat.tsx
@@ -43,15 +43,15 @@ export const NewChat: React.FC<Props> = ({ clearChat }) => {
     <div className="flex items-center justify-between">
       <button
         onClick={clearChat}
-        className="inline-flex dark:bg-transparent  bg-white items-center rounded-r-none rounded-lg border dark:border-gray-700 bg-transparent px-3 py-2.5 pr-6 text-xs lg:text-sm font-medium leading-4 text-gray-800 dark:text-white disabled:opacity-50 ease-in-out transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white">
+        className="inline-flex dark:bg-transparent bg-white items-center rounded-s-lg rounded-e-none border dark:border-gray-700 bg-transparent px-3 py-2.5 pe-6 text-xs lg:text-sm font-medium leading-4 text-gray-800 dark:text-white disabled:opacity-50 ease-in-out transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white">
         <SquarePen className="h-5 w-5" />
-        <span className="truncate ml-3">{t("newChat")}</span>
+        <span className="truncate ms-3">{t("newChat")}</span>
       </button>
       <Dropdown menu={{ items }} trigger={["click"]}>
-        <button className="inline-flex dark:bg-transparent bg-white items-center rounded-lg border-l-0 rounded-l-none border dark:border-gray-700 bg-transparent px-3 py-2.5 text-xs lg:text-sm font-medium leading-4 text-gray-800 dark:text-white disabled:opacity-50 ease-in-out transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white">
+        <button className="inline-flex dark:bg-transparent bg-white items-center rounded-lg border-s-0 rounded-s-none border dark:border-gray-700 bg-transparent px-3 py-2.5 text-xs lg:text-sm font-medium leading-4 text-gray-800 dark:text-white disabled:opacity-50 ease-in-out transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white">
           <MoreHorizontal className="h-5 w-5 text-gray-600 dark:text-gray-400" />
         </button>
       </Dropdown>
     </div>
   )
-}
+}
\ No newline at end of file