cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 style: add hover interaction to the card

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-02-28 15:05:58 +07:00
parent 33aa75e341
commit 0ffdbd3304
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts
View File

@ -8,6 +8,7 @@ export const projectCardTheme = tv({
'rounded-2xl', 'rounded-2xl',
'flex', 'flex',
'flex-col', 'flex-col',
'group',
], ],
upperContent: ['px-4', 'py-4', 'flex', 'items-start', 'gap-3', 'relative'], upperContent: ['px-4', 'py-4', 'flex', 'items-start', 'gap-3', 'relative'],
content: ['flex', 'flex-col', 'gap-1', 'flex-1'], content: ['flex', 'flex-col', 'gap-1', 'flex-1'],
@ -20,7 +21,7 @@ export const projectCardTheme = tv({
description: ['text-xs', 'text-elements-low-em'], description: ['text-xs', 'text-elements-low-em'],
icons: ['flex', 'items-center', 'gap-1'], icons: ['flex', 'items-center', 'gap-1'],
lowerContent: [ lowerContent: [
'bg-surface-card-hovered', 'group-hover:bg-surface-card-hovered',
'px-4', 'px-4',
'py-4', 'py-4',
'flex', 'flex',