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

chore: update shortcuts display

Browse Source
This commit is contained in:
Steven 2024-01-21 18:49:42 +08:00
parent 5dab623793
commit 2552a7645e
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/extension/package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "slash-extension", "name": "slash-extension",
"displayName": "Slash", "displayName": "Slash",
"version": "1.0.3", "version": "1.0.4",
"description": "An open source, self-hosted bookmarks and link sharing platform. Save and share your links very easily.", "description": "An open source, self-hosted bookmarks and link sharing platform. Save and share your links very easily.",
"scripts": { "scripts": {
"dev": "plasmo dev", "dev": "plasmo dev",

4
frontend/extension/src/components/ShortcutView.tsx
View File

@ -22,7 +22,7 @@ const ShortcutView = (props: Props) => {
<> <>
<div <div
className={classNames( className={classNames(
"group w-full px-3 py-2 flex flex-col justify-start items-start border rounded-lg hover:bg-gray-100 hover:shadow dark:border-zinc-800 dark:hover:bg-zinc-800" "group w-auto px-3 py-2 flex flex-col justify-start items-start border rounded-lg hover:bg-gray-100 hover:shadow dark:border-zinc-800 dark:hover:bg-zinc-800"
)} )}
> >
<div className="w-full flex flex-row justify-start items-center"> <div className="w-full flex flex-row justify-start items-center">
@ -51,7 +51,7 @@ const ShortcutView = (props: Props) => {
</> </>
)} )}
</div> </div>
<span className="hidden group-hover:block ml-1 cursor-pointer shrink-0"> <span className="ml-1 cursor-pointer shrink-0 opacity-80">
<Icon.ExternalLink className="w-4 h-auto text-gray-600" /> <Icon.ExternalLink className="w-4 h-auto text-gray-600" />
</span> </span>
</button> </button>

2
frontend/extension/src/components/ShortcutsContainer.tsx
View File

@ -14,7 +14,7 @@ const ShortcutsContainer = () => {
<span className="mx-1 text-sm">Please make sure you have signed in your instance.</span> <span className="mx-1 text-sm">Please make sure you have signed in your instance.</span>
</a> </a>
</div> </div>
<div className={classNames("w-full grid grid-cols-2 gap-2")}> <div className={classNames("w-full flex flex-row justify-start items-start flex-wrap gap-2")}>
{shortcuts.map((shortcut) => { {shortcuts.map((shortcut) => {
return <ShortcutView key={shortcut.id} shortcut={shortcut} />; return <ShortcutView key={shortcut.id} shortcut={shortcut} />;
})} })}