mirror of
https://github.com/remvze/moodist.git
synced 2025-12-17 00:44:14 +00:00
style: minor changes
This commit is contained in:
parent
97ca030534
commit
04c52962c3
2 changed files with 11 additions and 11 deletions
|
|
@ -26,9 +26,9 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
font-size: var(--font-lg);
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
font-size: var(--font-md);
|
||||
background: linear-gradient(
|
||||
var(--color-neutral-50),
|
||||
var(--color-neutral-100)
|
||||
|
|
|
|||
|
|
@ -12,17 +12,17 @@ export default function CategoryIcons() {
|
|||
<div className={styles.wrapper}>
|
||||
<h3 className={styles.title}>Categories</h3>
|
||||
<div className={styles.categoryIconsWrapper}>
|
||||
{categories.map(category => {
|
||||
return (
|
||||
<a href={`#category-${category.id}`} key={category.id}>
|
||||
<Tooltip.Provider delayDuration={0}>
|
||||
<Tooltip.Provider delayDuration={0}>
|
||||
{categories.map(category => {
|
||||
return (
|
||||
<a href={`#category-${category.id}`} key={category.id}>
|
||||
<Tooltip content={category.title} placement="bottom">
|
||||
<div className={styles.icon}>{category.icon}</div>
|
||||
</Tooltip>
|
||||
</Tooltip.Provider>
|
||||
</a>
|
||||
);
|
||||
})}
|
||||
</a>
|
||||
);
|
||||
})}
|
||||
</Tooltip.Provider>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue