🎨 style: add transition when hover

This commit is contained in:
Wahyu Kurniawan 2024-02-28 16:44:47 +07:00
parent 608af57a0d
commit 6f04e4e97e
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
2 changed files with 10 additions and 3 deletions

View File

@ -21,13 +21,15 @@ export const projectCardTheme = tv({
description: ['text-xs', 'text-elements-low-em'],
icons: ['flex', 'items-center', 'gap-1'],
lowerContent: [
'group-hover:bg-surface-card-hovered',
'transition-colors',
'duration-150',
'px-4',
'py-4',
'flex',
'flex-col',
'gap-2',
'rounded-b-2xl',
'group-hover:bg-surface-card-hovered',
],
latestDeployment: ['flex', 'items-center', 'gap-2'],
deploymentStatusContainer: [
@ -47,7 +49,12 @@ export const projectCardTheme = tv({
'items-center',
'gap-2',
],
wavyBorder: ['bg-surface-card', 'group-hover:bg-surface-card-hovered'],
wavyBorder: [
'bg-surface-card',
'transition-colors',
'duration-150',
'group-hover:bg-surface-card-hovered',
],
},
variants: {
status: {

View File

@ -1,7 +1,7 @@
import React from 'react';
import templates from 'assets/templates';
import { RepositoryList } from 'components/projects/create/RepositoryList';
import RepositoryList from 'components/projects/create/RepositoryList';
import ConnectAccount from 'components/projects/create/ConnectAccount';
import { useOctokit } from 'context/OctokitContext';
import { Heading } from 'components/shared/Heading';