KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update settings button style

This commit is contained in:
Xiangxuan Liu 2023-03-18 23:40:05 +08:00
parent 6bf8bacec0
commit 934ba277a6
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Sidebar/SidebarButton.tsx
View File

@ -9,10 +9,10 @@ interface Props {
export const SidebarButton: FC<Props> = ({ text, icon, onClick }) => { export const SidebarButton: FC<Props> = ({ text, icon, onClick }) => {
return ( return (
<div <div
className="flex hover:bg-[#343541] py-2 px-4 rounded-md cursor-pointer w-[200px] items-center" className="flex hover:bg-[#343541] py-2 px-2 rounded-md cursor-pointer w-full items-center"
onClick={onClick} onClick={onClick}
> >
<div className="mr-3">{icon}</div> <div className="mr-2">{icon}</div>
<div>{text}</div> <div>{text}</div>
</div> </div>
); );

6
components/Sidebar/SidebarSettings.tsx
View File

@ -1,4 +1,4 @@
import { IconMoon, IconSun } from "@tabler/icons-react"; import { IconMoon, IconSun, IconTrash } from "@tabler/icons-react";
import { FC } from "react"; import { FC } from "react";
import { SidebarButton } from "./SidebarButton"; import { SidebarButton } from "./SidebarButton";
@ -9,10 +9,10 @@ interface Props {
export const SidebarSettings: FC<Props> = ({ lightMode, onToggleLightMode }) => { export const SidebarSettings: FC<Props> = ({ lightMode, onToggleLightMode }) => {
return ( return (
<div className="flex flex-col items-center border-t border-neutral-500 py-4"> <div className="flex flex-col items-center border-t border-neutral-500 p-2 text-sm">
<SidebarButton <SidebarButton
text={lightMode === "light" ? "Dark mode" : "Light mode"} text={lightMode === "light" ? "Dark mode" : "Light mode"}
icon={lightMode === "light" ? <IconMoon /> : <IconSun />} icon={lightMode === "light" ? <IconMoon size={16} /> : <IconSun size={16} />}
onClick={() => onToggleLightMode(lightMode === "light" ? "dark" : "light")} onClick={() => onToggleLightMode(lightMode === "light" ? "dark" : "light")}
/> />
</div> </div>