chore: fix title style in dark mode

This commit is contained in:
Steven 2023-09-25 06:08:43 +08:00
parent e936bb6f15
commit cb9786ef7c
3 changed files with 5 additions and 8 deletions

View File

@ -283,10 +283,7 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
)}
onClick={() => setShowOpenGraphMetadata(!showOpenGraphMetadata)}
>
<span className="text-sm flex flex-row justify-start items-center">
Social media metadata
<Icon.Sparkles className="ml-1 w-4 h-auto text-blue-600" />
</span>
<span className="text-sm flex flex-row justify-start items-center">Social media metadata</span>
<button className="w-7 h-7 p-1 rounded-md">
<Icon.ChevronDown className={classnames("w-4 h-auto text-gray-500", showOpenGraphMetadata ? "transform rotate-180" : "")} />
</button>

View File

@ -63,9 +63,9 @@ const ShortcutView = (props: Props) => {
href={shortcutLink}
>
<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 dark:text-gray-500">s/</span>

View File

@ -50,9 +50,9 @@ const ShortcutView = (props: Props) => {
target="_blank"
>
<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 dark:text-gray-500">s/</span>