hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-18 01:14:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: minor changes

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/categories/category-icons/category-icons.module.css
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)

16
src/components/categories/category-icons/category-icons.tsx
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}>
{categories.map(category => { <Tooltip.Provider delayDuration={0}>
return ( {categories.map(category => {
<a href={`#category-${category.id}`} key={category.id}> return (
<Tooltip.Provider delayDuration={0}> <a href={`#category-${category.id}`} key={category.id}>
<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>