From 6e1fb5ca50f7f87e52459bb6a328b15a0bd589b4 Mon Sep 17 00:00:00 2001
From: dakai <oudakai@gmail.com>
Date: Wed, 19 Apr 2023 23:53:42 +0800
Subject: [PATCH] Better sidebar logo in two themes

---
 app/components/chat-list.tsx    | 3 ++-
 app/components/home.module.scss | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/components/chat-list.tsx b/app/components/chat-list.tsx
index 4490d637d..bd9274b07 100644
--- a/app/components/chat-list.tsx
+++ b/app/components/chat-list.tsx
@@ -1,6 +1,7 @@
 import DeleteIcon from "../icons/delete.svg";
 import styles from "./home.module.scss";
 import BotIcon from "../icons/bot.svg";
+import ChatGptIcon from "../icons/chatgpt.svg";
 import {
   DragDropContext,
   Droppable,
@@ -120,7 +121,7 @@ export function ChatList() {
     <>
       {sidebarCollapse && (
         <div className={styles["gpt-logo-collapse"]}>
-          <BotIcon />
+          <ChatGptIcon />
         </div>
       )}
       <DragDropContext onDragEnd={onDragEnd}>
diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index 006ce50b9..971cd1552 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -166,13 +166,14 @@
 }
 
 .gpt-logo-collapse {
-  margin-left: 2px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
   margin-bottom: 25px;
   margin-top: 10px;
 }
 .gpt-logo-collapse svg {
-  transform: scale(1.3);
-  opacity: 0.2;
+  transform: scale(0.7);
 }
 
 .sidebar-title {