xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge classnames to clsx

Browse Source
This commit is contained in:
DefectingCat
2022-11-22 14:32:57 +08:00
parent 289b5075ad
commit 77b64ef7fe
32 changed files with 106 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/pages/ProjectCard.tsx
View File

@ -1,4 +1,4 @@
import classNames from 'classnames';
import clsx from 'clsx';
import { Project } from 'pages/projects';
import { Children, cloneElement, isValidElement } from 'react';
import { VscGithubInverted } from 'react-icons/vsc';
@ -19,7 +19,7 @@ const ProjectCard = ({ project, icon }: ProjectCardProps) => {
return (
<>
<div
className={classNames(
className={clsx(
'py-3 px-4 rounded-lg bg-slate-100',
'hover:bg-slate-200',
'transition-all duration-300',
@ -37,7 +37,7 @@ const ProjectCard = ({ project, icon }: ProjectCardProps) => {
rel="noreferrer"
>
<h2
className={classNames(
className={clsx(
'text-xl overflow-hidden',
'text-ellipsis whitespace-nowrap'
)}
@ -45,7 +45,7 @@ const ProjectCard = ({ project, icon }: ProjectCardProps) => {
{project.name}
</h2>
<span
className={classNames(
className={clsx(
'overflow-hidden break-keep text-ellipsis',
'whitespace-nowrap inline-block',
'w-[inherit]'
@ -59,4 +59,4 @@ const ProjectCard = ({ project, icon }: ProjectCardProps) => {
);
};
export default ProjectCard;
export default ProjectCard;