FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Refactor(css): Change all less to module mode

Browse Source
This commit is contained in:
Fat Snake
2024-10-17 20:26:06 +08:00
parent 3d77dc793b
commit b7c3fb8524
111 changed files with 962 additions and 858 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/tools/RepositoryCard.tsx
View File

@@ -1,6 +1,6 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react'
import VanillaTilt, { TiltOptions } from 'vanilla-tilt'
import '@/assets/css/components/tools/repository-card.less'
import styles from '@/assets/css/components/tools/repository-card.module.less'
import Card from '@/components/common/Card'
import FlexBox from '@/components/common/FlexBox'
import Draggable from '@/components/dnd/Draggable'
@@ -58,31 +58,31 @@ const RepositoryCard = ({
data={{ icon, toolName, toolId, authorUsername: '!', ver, platform }}
>
<Card
data-component={'component-repository-card'}
className={styles.root}
style={{ overflow: 'visible', ...style }}
ref={cardRef}
{...props}
>
<FlexBox className={'repository-card'}>
<div className={'header'}>
<FlexBox className={styles.repositoryCard}>
<div className={styles.header}>
{children}
<DragHandle />
</div>
<div className={'icon'}>
<div className={styles.icon}>
<img src={`data:image/svg+xml;base64,${icon}`} alt={'Icon'} />
</div>
<div className={'info'}>
<div className={'tool-name'}>{toolName}</div>
<div className={'tool-id'}>{`ID: ${toolId}`}</div>
<div className={styles.info}>
<div className={styles.toolName}>{toolName}</div>
<div>{`ID: ${toolId}`}</div>
</div>
<div className={'operation'}>
<div className={styles.operation}>
{onOpen && (
<AntdButton onClick={onOpen} size={'small'} type={'primary'}>
打开
</AntdButton>
)}
{onEdit && onPublish && (
<div className={'edit'}>
<div className={styles.edit}>
<AntdButton.Group size={'small'}>
<AntdButton onClick={onEdit}>编辑</AntdButton>
<AntdButton onClick={onPublish}>发布</AntdButton>