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

feat: impl dark mode for extension

Browse Source
This commit is contained in:
Steven
2023-09-30 01:22:40 +08:00
parent 6126701025
commit 8c753e9557
5 changed files with 245 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
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"
"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"
)}
>
<div className="w-full flex flex-row justify-start items-center">
@ -42,13 +42,13 @@ const ShortcutView = (props: Props) => {
onClick={handleShortcutLinkClick}
>
<div className="truncate">
<span>{shortcut.title}</span>
<span className="dark:text-gray-400">{shortcut.title}</span>
{shortcut.title ? (
<span className="text-gray-400">(s/{shortcut.name})</span>
<span className="text-gray-500">(s/{shortcut.name})</span>
) : (
<>
<span className="text-gray-400">s/</span>
<span className="truncate">{shortcut.name}</span>
<span className="text-gray-400 dark:text-gray-500">s/</span>
<span className="truncate dark:text-gray-400">{shortcut.name}</span>
</>
)}
</div>