ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix item icon styling

Browse Source
This commit is contained in:
keyan 2023-07-14 11:07:03 -05:00
parent 8536660580
commit 3c3de2eb24
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/item.js
View File

@ -42,14 +42,14 @@ export default function Item ({ item, rank, belowTitle, right, full, children })
<Link href={`/items/${item.id}`} passHref> <Link href={`/items/${item.id}`} passHref>
<a ref={titleRef} className={`${styles.title} text-reset mr-2`}> <a ref={titleRef} className={`${styles.title} text-reset mr-2`}>
{item.searchTitle ? <SearchTitle title={item.searchTitle} /> : item.title} {item.searchTitle ? <SearchTitle title={item.searchTitle} /> : item.title}
{item.pollCost && <span> <PollIcon className='fill-grey ml-1' height={14} width={14} /></span>} {item.pollCost && <span className={styles.icon}> <PollIcon className='fill-grey ml-1' height={14} width={14} /></span>}
{item.bounty > 0 && {item.bounty > 0 &&
<span> <span className={styles.icon}>
<ActionTooltip notForm overlayText={`${abbrNum(item.bounty)} ${item.bountyPaidTo?.length ? 'sats paid' : 'sats bounty'}`}> <ActionTooltip notForm overlayText={`${abbrNum(item.bounty)} ${item.bountyPaidTo?.length ? 'sats paid' : 'sats bounty'}`}>
<BountyIcon className={`${styles.bountyIcon} ${item.bountyPaidTo?.length ? 'fill-success' : 'fill-grey'}`} height={16} width={16} /> <BountyIcon className={`${styles.bountyIcon} ${item.bountyPaidTo?.length ? 'fill-success' : 'fill-grey'}`} height={16} width={16} />
</ActionTooltip> </ActionTooltip>
</span>} </span>}
{image && <span><ImageIcon className='fill-grey ml-2' height={16} width={16} /></span>} {image && <span className={styles.icon}><ImageIcon className='fill-grey ml-2' height={16} width={16} /></span>}
</a> </a>
</Link> </Link>
{item.url && !image && {item.url && !image &&

5
components/item.module.css
View File

@ -2,6 +2,11 @@
font-weight: 500; font-weight: 500;
white-space: normal; white-space: normal;
max-width: 100%; max-width: 100%;
display: inline-block;
vertical-align: middle;
}
.icon {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
} }