chore: fix tag wrap style

This commit is contained in:
Steven 2023-07-26 08:27:22 +08:00
parent d42d3fbe10
commit 6bbf2df8e0

View File

@ -130,13 +130,13 @@ const ShortcutView = (props: Props) => {
</div> </div>
{shortcut.description && <p className="mt-1 text-gray-400 text-sm">{shortcut.description}</p>} {shortcut.description && <p className="mt-1 text-gray-400 text-sm">{shortcut.description}</p>}
{shortcut.tags.length > 0 && ( {shortcut.tags.length > 0 && (
<div className="mt-2 ml-1 flex flex-row justify-start items-start gap-2"> <div className="mt-2 ml-1 flex flex-row justify-start items-start flex-wrap gap-2">
<Icon.Tag className="text-gray-400 w-4 h-auto" /> <Icon.Tag className="text-gray-400 w-4 h-auto" />
{shortcut.tags.map((tag) => { {shortcut.tags.map((tag) => {
return ( return (
<span <span
key={tag} key={tag}
className="text-gray-400 text-sm font-mono leading-4 cursor-pointer hover:text-gray-600" className="max-w-xs truncate text-gray-400 text-sm font-mono leading-4 cursor-pointer hover:text-gray-600"
onClick={() => viewStore.setFilter({ tag: tag })} onClick={() => viewStore.setFilter({ tag: tag })}
> >
#{tag} #{tag}