aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-16 04:13:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: tweak extension popup

Browse Source
This commit is contained in:
Steven 2024-08-23 08:11:25 +08:00
parent d3dcab3445
commit 3c0b3369b8
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/extension/src/popup.tsx
View File

@ -1,4 +1,4 @@
import { Button, CssVarsProvider, IconButton } from "@mui/joy"; import { Button, CssVarsProvider } from "@mui/joy";
import { Toaster } from "react-hot-toast"; import { Toaster } from "react-hot-toast";
import Icon from "@/components/Icon"; import Icon from "@/components/Icon";
import Logo from "@/components/Logo"; import Logo from "@/components/Logo";
@ -42,20 +42,22 @@ const IndexPopup = () => {
</a> </a>
</p> </p>
<div className="w-full flex flex-row justify-between items-center mb-2"> <div className="w-full flex flex-row justify-between items-center mb-2">
<div className="flex flex-row justify-start items-center"> <div className="flex flex-row justify-start items-center gap-2">
<IconButton size="sm" variant="plain" color="neutral" onClick={handleSettingButtonClick}> <Button size="sm" variant="outlined" color="neutral" onClick={handleSettingButtonClick}>
<Icon.Settings className="w-5 h-auto text-gray-500 dark:text-gray-400" /> <Icon.Settings className="w-5 h-auto text-gray-500 dark:text-gray-400 mr-1" />
</IconButton> Setting
<IconButton </Button>
<Button
size="sm" size="sm"
variant="plain" variant="outlined"
color="neutral" color="neutral"
component="a" component="a"
href="https://github.com/yourselfhosted/slash" href="https://github.com/yourselfhosted/slash"
target="_blank" target="_blank"
> >
<Icon.Github className="w-5 h-auto text-gray-500 dark:text-gray-400" /> <Icon.Github className="w-5 h-auto text-gray-500 dark:text-gray-400 mr-1" />
</IconButton> GitHub
</Button>
</div> </div>
</div> </div>
</> </>