open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make card tags a lighter gray

Browse Source
This commit is contained in:
Austin Chen 2022-05-16 18:51:27 -04:00
parent 36ec981a37
commit 8a349315de
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/contract/contract-details.tsx
View File

@ -62,8 +62,10 @@ export function AbbrContractDetails(props: {
/> />
</Row> </Row>
<Row className="gap-3"> <Row className="gap-3 text-gray-400">
{categories.length > 0 && <TagsList tags={categories} noLabel />} {categories.length > 0 && (
<TagsList className="text-gray-400" tags={categories} noLabel />
)}
{showHotVolume ? ( {showHotVolume ? (
<Row className="gap-0.5"> <Row className="gap-0.5">

4
web/components/tags-list.tsx
View File

@ -11,7 +11,7 @@ function Hashtag(props: { tag: string; noLink?: boolean }) {
const body = ( const body = (
<div className={clsx('', !noLink && 'cursor-pointer')}> <div className={clsx('', !noLink && 'cursor-pointer')}>
<span className="text-sm text-gray-500">#{category ?? tag} </span> <span className="text-sm">#{category ?? tag} </span>
</div> </div>
) )
@ -33,7 +33,7 @@ export function TagsList(props: {
const { tags, className, noLink, noLabel, label } = props const { tags, className, noLink, noLabel, label } = props
return ( return (
<Row className={clsx('flex-wrap items-center gap-2', className)}> <Row className={clsx('flex-wrap items-center gap-2', className)}>
{!noLabel && <div className="mr-1 text-gray-500">{label || 'Tags'}</div>} {!noLabel && <div className="mr-1">{label || 'Tags'}</div>}
{tags.map((tag) => ( {tags.map((tag) => (
<Hashtag <Hashtag
key={tag} key={tag}