style: minor changes

This commit is contained in:
MAZE 2025-11-25 00:10:07 +03:30
parent 97ca030534
commit 04c52962c3
2 changed files with 11 additions and 11 deletions

View file

@ -26,9 +26,9 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 50px; width: 48px;
height: 50px; height: 48px;
font-size: var(--font-lg); font-size: var(--font-md);
background: linear-gradient( background: linear-gradient(
var(--color-neutral-50), var(--color-neutral-50),
var(--color-neutral-100) var(--color-neutral-100)

View file

@ -12,17 +12,17 @@ export default function CategoryIcons() {
<div className={styles.wrapper}> <div className={styles.wrapper}>
<h3 className={styles.title}>Categories</h3> <h3 className={styles.title}>Categories</h3>
<div className={styles.categoryIconsWrapper}> <div className={styles.categoryIconsWrapper}>
<Tooltip.Provider delayDuration={0}>
{categories.map(category => { {categories.map(category => {
return ( return (
<a href={`#category-${category.id}`} key={category.id}> <a href={`#category-${category.id}`} key={category.id}>
<Tooltip.Provider delayDuration={0}>
<Tooltip content={category.title} placement="bottom"> <Tooltip content={category.title} placement="bottom">
<div className={styles.icon}>{category.icon}</div> <div className={styles.icon}>{category.icon}</div>
</Tooltip> </Tooltip>
</Tooltip.Provider>
</a> </a>
); );
})} })}
</Tooltip.Provider>
</div> </div>
</div> </div>
</Container> </Container>