refactor: margin & padding for sidebar

hackerai-tech · Dec 23, 2024 · becf9a3 · becf9a3
1 parent fef7621
commit becf9a3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 20 deletions.
diff --git a/components/chat/chat-secondary-buttons.tsx b/components/chat/chat-secondary-buttons.tsx
@@ -13,7 +13,7 @@ export const ChatSecondaryButtons: FC<ChatSecondaryButtonsProps> = ({}) => {
   if (!selectedChat) return null
 
   return (
-    <div className="flex items-center space-x-4">
+    <div className="flex items-center pl-3">
       <WithTooltip
         delayDuration={200}
         display={"New chat"}

diff --git a/components/chat/chat-settings.tsx b/components/chat/chat-settings.tsx
@@ -33,28 +33,26 @@ export const ChatSettings: FC<ChatSettingsProps> = ({
   const fullModel = LLM_LIST.find(llm => llm.modelId === chatSettings.model)
 
   return (
-    <div
-      className={`flex items-center ${
-        !isMobile && handleCleanChat && "gap-2 pl-2"
-      }`}
-    >
-      {!isMobile && handleCleanChat && (
+    <div className={`flex items-center ${!isMobile && "gap-3"}`}>
+      {!isMobile && (
         <>
           {!isTemporaryChat ? (
             <ChatSecondaryButtons />
           ) : (
-            <WithTooltip
-              delayDuration={200}
-              display="Clean chat"
-              trigger={
-                <IconRefresh
-                  className="cursor-pointer hover:opacity-50"
-                  size={24}
-                  onClick={handleCleanChat}
-                />
-              }
-              side="bottom"
-            />
+            <div className="pl-3">
+              <WithTooltip
+                delayDuration={200}
+                display="Clean chat"
+                trigger={
+                  <IconRefresh
+                    className="cursor-pointer hover:opacity-50"
+                    size={24}
+                    onClick={handleCleanChat}
+                  />
+                }
+                side="bottom"
+              />
+            </div>
           )}
         </>
       )}

diff --git a/components/ui/profile-button.tsx b/components/ui/profile-button.tsx
@@ -20,7 +20,7 @@ export const ProfileButton: FC<ProfileButtonProps> = ({
     <button
       onClick={onClick}
       className={`flex items-center gap-2 hover:opacity-50 ${
-        showEmail ? "hover:bg-accent -mb-2 mt-4 rounded-lg p-2" : ""
+        showEmail ? "hover:bg-accent -mb-2 mt-2 rounded-lg p-2" : ""
       }`}
     >
       {imageUrl ? (