diff --git a/app/components/home.module.scss b/app/components/home.module.scss index f42161e21..a19c03d77 100644 --- a/app/components/home.module.scss +++ b/app/components/home.module.scss @@ -323,7 +323,7 @@ } .sidebar-action:not(:last-child) { - margin-right: 15px; + margin-right: 10px; } .loading-content { @@ -340,12 +340,12 @@ } .custom-sidebar-clear-button { - background-color: transparent !important; + //background-color: rgb(255 255 255); display: flex; align-items: flex-end; - border-radius: 0; - padding: 0; - height: 20px; - margin-top: 15px; + //border-radius: 0; + //padding: 0; + //height: 20px; + //margin-top: 15px; } diff --git a/app/components/sidebar.tsx b/app/components/sidebar.tsx index 3bb1fe57e..cd850c95a 100644 --- a/app/components/sidebar.tsx +++ b/app/components/sidebar.tsx @@ -7,7 +7,7 @@ import SettingsIcon from "../icons/settings.svg"; import ChatGptIcon from "../icons/chatgpt.svg"; import AddIcon from "../icons/add.svg"; import CloseIcon from "../icons/close.svg"; -import DeleteIcon from "../icons/delete.svg"; +import DeleteIcon from "../icons/clear.svg"; import MaskIcon from "../icons/mask.svg"; import CoffeeIcon from "../icons/coffee.svg"; import DragIcon from "../icons/drag.svg"; @@ -230,16 +230,20 @@ export function SideBar(props: { className?: string }) { } shadow /> - { - if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) { - chatStore.clearAllData(); - } - }} - type="danger" - className={styles["custom-sidebar-clear-button"]} - /> +
+ { + if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) { + chatStore.clearAllData(); + } + }} + title={Locale.Settings.Danger.Clear.Title} + icon={} + // type="danger" + className={styles["custom-sidebar-clear-button"]} + /> +
;