mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-15 16:51:37 +00:00
chore: upgrade dependencies
This commit is contained in:
@ -18,7 +18,7 @@ const Paragraph = (props: HTMLAttributes<HTMLParagraphElement>) => {
|
||||
if (typeof child.type !== 'object') return null;
|
||||
const childType = child.type as ChildType;
|
||||
if (!childType?.type) return null;
|
||||
if (!child.props?.href) return null;
|
||||
// if (!child.props?.href) return null;
|
||||
const props = child.props as { href: string };
|
||||
return props.href;
|
||||
});
|
||||
|
@ -5,7 +5,7 @@ const PostCardLoading = () => {
|
||||
return (
|
||||
<article
|
||||
className={clsx(
|
||||
'rounded-xl py-4 px-5 md:p-7 ',
|
||||
'rounded-lg-xl py-4 px-5 md:p-7 ',
|
||||
'hover:bg-sky-100 hover:bg-opacity-50',
|
||||
'dark:hover:bg-rua-gray-800 dark:hover:bg-opacity-100',
|
||||
'flex justify-between text-gray-800 ',
|
||||
|
@ -13,7 +13,7 @@ const PostCard = ({ post }: Props) => {
|
||||
<Link href={`/p/${post.slug}`} passHref>
|
||||
<article
|
||||
className={clsx(
|
||||
'rounded-xl py-4 px-5 md:p-7 ',
|
||||
'rounded-lg-xl py-4 px-5 md:p-7 ',
|
||||
'hover:bg-sky-100 hover:bg-opacity-50',
|
||||
// 'hover:bg-rua-gray-100 hover:bg-opacity-10',
|
||||
'dark:hover:bg-rua-gray-800 dark:hover:bg-opacity-100',
|
||||
|
@ -42,7 +42,7 @@ const DarkModeBtn = () => {
|
||||
<button>
|
||||
<div
|
||||
className={clsx(
|
||||
'w-5 h-5 rounded-md animate-pulse',
|
||||
'w-5 h-5 rounded-lg-md animate-pulse',
|
||||
'bg-gray-300 dark:bg-gray-500',
|
||||
)}
|
||||
></div>
|
||||
|
@ -7,7 +7,7 @@ const FriendCard = ({ friend }: { friend: Friend }) => {
|
||||
<a href={friend.link} target="_blank">
|
||||
<div
|
||||
className={clsx(
|
||||
'py-3 px-4 rounded-xl bg-slate-100',
|
||||
'py-3 px-4 rounded-lg-xl bg-slate-100',
|
||||
'hover:bg-slate-200',
|
||||
'transition-all duration-300',
|
||||
'flex items-center cursor-pointer',
|
||||
|
@ -22,21 +22,21 @@ const GistsCode = () => {
|
||||
className={clsx(
|
||||
'box-border inline-block',
|
||||
'w-[13px] h-[13px] mr-2',
|
||||
'rounded-full bg-[#ce5347]',
|
||||
'rounded-lg-full bg-[#ce5347]',
|
||||
)}
|
||||
></div>
|
||||
<div
|
||||
className={clsx(
|
||||
'box-border inline-block',
|
||||
'w-[13px] h-[13px] mr-2',
|
||||
'rounded-full bg-[#d6a243]',
|
||||
'rounded-lg-full bg-[#d6a243]',
|
||||
)}
|
||||
></div>
|
||||
<div
|
||||
className={clsx(
|
||||
'box-border inline-block',
|
||||
'w-[13px] h-[13px]',
|
||||
'rounded-full bg-[#58a942]',
|
||||
'rounded-lg-full bg-[#58a942]',
|
||||
)}
|
||||
></div>
|
||||
</div>
|
||||
@ -53,7 +53,7 @@ const GistsCode = () => {
|
||||
<span
|
||||
className={clsx(
|
||||
'bg-gray-300 animate-pulse',
|
||||
'w-20 h-4 block rounded',
|
||||
'w-20 h-4 block rounded-lg',
|
||||
'dark:bg-rua-gray-600',
|
||||
)}
|
||||
></span>
|
||||
|
@ -1,5 +1,5 @@
|
||||
.wrapper {
|
||||
@apply overflow-hidden rounded-lg;
|
||||
@apply overflow-hidden rounded;
|
||||
@apply mb-8 shadow-card;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
@ -47,21 +47,21 @@ const GistsCode = ({ file, showFileName = false }: Props) => {
|
||||
className={clsx(
|
||||
'box-border inline-block',
|
||||
'w-[13px] h-[13px] mr-2',
|
||||
'rounded-full bg-[#ce5347]',
|
||||
'rounded-lg-full bg-[#ce5347]',
|
||||
)}
|
||||
></div>
|
||||
<div
|
||||
className={clsx(
|
||||
'box-border inline-block',
|
||||
'w-[13px] h-[13px] mr-2',
|
||||
'rounded-full bg-[#d6a243]',
|
||||
'rounded-lg-full bg-[#d6a243]',
|
||||
)}
|
||||
></div>
|
||||
<div
|
||||
className={clsx(
|
||||
'box-border inline-block',
|
||||
'w-[13px] h-[13px]',
|
||||
'rounded-full bg-[#58a942]',
|
||||
'rounded-lg-full bg-[#58a942]',
|
||||
)}
|
||||
></div>
|
||||
</div>
|
||||
|
@ -8,7 +8,7 @@ const GistSkeleton = () => {
|
||||
<div className="flex items-center py-1 ">
|
||||
<div
|
||||
className={clsx(
|
||||
'w-8 h-8 rounded-full',
|
||||
'w-8 h-8 rounded-lg-full',
|
||||
'animate-pulse bg-gray-300',
|
||||
'dark:bg-gray-400 ',
|
||||
)}
|
||||
|
@ -15,7 +15,7 @@ const UserInfoLoading = () => {
|
||||
<div
|
||||
className={clsx(
|
||||
'w-16 h-16 mr-4 overflow-hidden',
|
||||
'md:w-72 md:h-72 bg-gray-200 rounded-full',
|
||||
'md:w-72 md:h-72 bg-gray-200 rounded-lg-full',
|
||||
'animate-pulse dark:bg-rua-gray-800',
|
||||
)}
|
||||
></div>
|
||||
|
@ -27,7 +27,7 @@ const UserInfo = async () => {
|
||||
src={avatar}
|
||||
alt="Avatar"
|
||||
priority
|
||||
className="rounded-full"
|
||||
className="rounded-lg-full"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
@ -106,7 +106,7 @@ const HeadBar = () => {
|
||||
<nav
|
||||
className={clsx(
|
||||
'text-lg md:block',
|
||||
'bg-white rounded-md',
|
||||
'bg-white rounded-lg-md',
|
||||
'dark:bg-rua-gray-800',
|
||||
'absolute md:static',
|
||||
'p-5 right-6 top-14',
|
||||
@ -154,7 +154,7 @@ const HeadBar = () => {
|
||||
<div
|
||||
className={clsx(
|
||||
'w-[164.453px] h-[30px]',
|
||||
'bg-[#ebedf0] rounded-[40px] animate-pulse',
|
||||
'bg-[#ebedf0] rounded-lg-[40px] animate-pulse',
|
||||
)}
|
||||
></div>
|
||||
)}
|
||||
|
@ -24,7 +24,7 @@ const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
|
||||
ref={ref}
|
||||
className={clsx(
|
||||
'flex items-center justify-center',
|
||||
'border rounded-md',
|
||||
'border rounded-lg-md',
|
||||
'p-[6px] opacity-0',
|
||||
'group-hover:opacity-100',
|
||||
'transition-opacity dark:border-gray-700',
|
||||
|
@ -14,7 +14,7 @@ const RUASandpack = ({ ...rest }: Props) => {
|
||||
|
||||
if (!mounted) {
|
||||
return (
|
||||
<div className="my-2 rounded-[0.5em] overflow-hidden">
|
||||
<div className="my-2 rounded-lg-[0.5em] overflow-hidden">
|
||||
<Sandpack
|
||||
{...rest}
|
||||
options={{
|
||||
@ -29,7 +29,7 @@ const RUASandpack = ({ ...rest }: Props) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="my-2 rounded-[0.5em] overflow-hidden">
|
||||
<div className="my-2 rounded-lg-[0.5em] overflow-hidden">
|
||||
<Sandpack
|
||||
{...rest}
|
||||
theme={
|
||||
|
@ -38,7 +38,7 @@ const Tab = ({ defaultValue, children }: Props) => {
|
||||
key={child.props.label}
|
||||
onClick={() => handleSwitch(child.props.value)}
|
||||
className={clsx(
|
||||
'px-5 py-3 rounded-t-lg',
|
||||
'px-5 py-3 rounded-lg-t-lg',
|
||||
child.props.value === currentValue &&
|
||||
'text-teal-500 border-b-[3px] border-teal-500',
|
||||
'select-none cursor-pointer',
|
||||
|
Reference in New Issue
Block a user