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

chore: add extension link to readme

Browse Source
This commit is contained in:
Steven 2023-08-16 09:18:54 +08:00
parent e5d5ba5cbc
commit d97a7e736d
2 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -34,4 +34,8 @@ Slash provides a browser extension to help you use your shortcuts in the search
![browser-extension-example](./resources/browser-extension-example.png) ![browser-extension-example](./resources/browser-extension-example.png)
### Chromium based browsers
For Chromium based browsers(Chrome, Edge, Arc, ...), you can install the extension from the [Chrome Web Store](https://chrome.google.com/webstore/detail/slash/ebaiehmkammnacjadffpicipfckgeobg).
Learn more in [The Browser Extension of Slash](https://github.com/boojack/slash/blob/main/docs/install-browser-extension.md). Learn more in [The Browser Extension of Slash](https://github.com/boojack/slash/blob/main/docs/install-browser-extension.md).

27
extension/src/popup.tsx
View File

@ -26,7 +26,7 @@ const IndexPopup = () => {
return ( return (
<> <>
<div className="w-full min-w-[512px] p-6"> <div className="w-full min-w-[512px] px-4 pt-4">
<div className="w-full flex flex-row justify-between items-center"> <div className="w-full flex flex-row justify-between items-center">
<div className="flex flex-row justify-start items-center"> <div className="flex flex-row justify-start items-center">
<Logo className="w-6 h-auto mr-2" /> <Logo className="w-6 h-auto mr-2" />
@ -54,16 +54,35 @@ const IndexPopup = () => {
</div> </div>
)} )}
<Divider className="!mt-4 !mb-3" /> <Divider className="!mt-4 !mb-2 opacity-40" />
<div className="w-full flex flex-row justify-start items-center"> <div className="w-full flex flex-row justify-between items-center mb-2">
<div className="flex flex-row justify-start items-center">
<IconButton size="sm" variant="plain" color="neutral" onClick={handleSettingButtonClick}> <IconButton size="sm" variant="plain" color="neutral" onClick={handleSettingButtonClick}>
<Icon.Settings className="w-5 h-auto text-gray-500" /> <Icon.Settings className="w-5 h-auto text-gray-500" />
</IconButton> </IconButton>
<IconButton size="sm" variant="plain" color="neutral" component="a" href="https://github.com/boojack/slash" target="_blank"> <IconButton
size="sm"
variant="plain"
color="neutral"
component="a"
href="https://github.com/boojack/slash"
target="_blank"
>
<Icon.Github className="w-5 h-auto text-gray-500" /> <Icon.Github className="w-5 h-auto text-gray-500" />
</IconButton> </IconButton>
</div> </div>
<div className="flex flex-row justify-end items-center">
<a
className="text-sm flex flex-row justify-start items-center text-gray-500 hover:underline hover:text-blue-600"
href={domain}
target="_blank"
>
<span className="mr-1">Go to my Slash</span>
<Icon.ExternalLink className="w-4 h-auto" />
</a>
</div>
</div>
</> </>
) : ( ) : (
<div className="w-full flex flex-col justify-start items-center"> <div className="w-full flex flex-col justify-start items-center">