aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-21 04:14:26 +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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,7 +22,7 @@ const ShortcutView = (props: Props) => {
<>
<div
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">
@@ -51,7 +51,7 @@ const ShortcutView = (props: Props) => {
</>
)}
</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" />
</span>
</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>
</a>
</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) => {
return <ShortcutView key={shortcut.id} shortcut={shortcut} />;
})}