Schisandra-Cloud-Storage/schisandra-cloud-storage-front-react
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 存储配置界面框架

Browse Source
This commit is contained in:
landaiqing
2024-07-05 16:49:41 +08:00
parent cd972e8077
commit 743103ea14
32 changed files with 1040 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/components/Main/File/index.tsx
View File

@@ -320,50 +320,55 @@ const File: FunctionComponent = () => {
],
}}
trigger={["contextMenu"]}>
<div style={{ marginLeft: 10 }}>
<CheckCard
size={"small"}
value={file.name}
bodyStyle={{ overflow: "hidden" }}
avatar={
<div
style={{
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
overflow: "hidden",
}}>
<Avatar
src={
FileIcon[
getFileExtension(file.name)
] || file_icon
}
shape={"square"}
size={"large"}
/>
<Tooltip
title={file.name}
color={"lime"}
autoAdjustOverflow={true}
placement={"bottom"}>
<span className={styles.file_name}>
{file.name}
</span>
</Tooltip>
</div>
}
className={styles.file_card}
style={{
width: 100,
height: 100,
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
/>
</div>
<div style={{ marginLeft: 10 }}>
<CheckCard
size={"small"}
value={file.name}
bodyStyle={{ overflow: "hidden" }}
avatar={
<div
style={{
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
overflow: "hidden",
}}>
<Avatar
src={
FileIcon[
getFileExtension(
file.name,
)
] || file_icon
}
shape={"square"}
size={"large"}
/>
<Tooltip
title={file.name}
color={"lime"}
autoAdjustOverflow={true}
placement={"bottom"}>
<span
className={
styles.file_name
}>
{file.name}
</span>
</Tooltip>
</div>
}
className={styles.file_card}
style={{
width: 100,
height: 100,
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
/>
</div>
</Dropdown>
);
}