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

🎨 style: add transition when hover

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,13 +21,15 @@ 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: [
'group-hover:bg-surface-card-hovered', 'transition-colors',
'duration-150',
'px-4', 'px-4',
'py-4', 'py-4',
'flex', 'flex',
'flex-col', 'flex-col',
'gap-2', 'gap-2',
'rounded-b-2xl', 'rounded-b-2xl',
'group-hover:bg-surface-card-hovered',
], ],
latestDeployment: ['flex', 'items-center', 'gap-2'], latestDeployment: ['flex', 'items-center', 'gap-2'],
deploymentStatusContainer: [ deploymentStatusContainer: [
@ -47,7 +49,12 @@ export const projectCardTheme = tv({
'items-center', 'items-center',
'gap-2', '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: { variants: {
status: { status: {

2
packages/frontend/src/pages/org-slug/projects/create/index.tsx
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import templates from 'assets/templates'; 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 ConnectAccount from 'components/projects/create/ConnectAccount';
import { useOctokit } from 'context/OctokitContext'; import { useOctokit } from 'context/OctokitContext';
import { Heading } from 'components/shared/Heading'; import { Heading } from 'components/shared/Heading';