Skip to content

B
bkunyun
Commit a0ec87bd authored by chenshouchao's avatar chenshouchao
Browse files
Options

Merge branch 'feat-20220920-taskDetails' into 'release' 

cn-style: 样式微调

See merge request !109
parents 6df7a64d 21865292
Hide whitespace changes
Inline Side-by-side
Showing with 86 additions and 32 deletions
src/assets/project/delete.svg 0 → 100644
View file @ a0ec87bd
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 58备份 7</title>
<g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="编组-58备份-7">
<rect id="矩形" x="0" y="0" width="16" height="16"></rect>
<g id="编组-50" transform="translate(1.000000, 1.605109)" stroke="#C2C6CC" stroke-width="1.5">
<line x1="0" y1="2.39431484" x2="14" y2="2.39431484" id="路径-16"></line>
<path d="M3.37934347,2.39431484 L3.37934347,1 C3.37934347,0.44771525 3.82705872,1.01453063e-16 4.37934347,0 L9.63329305,0 C10.1855778,-1.01453063e-16 10.6332931,0.44771525 10.6332931,1 L10.6332931,2.39431484 L10.6332931,2.39431484" id="路径-17"></path>
<path d="M2.45321216,3.89402686 L2.45321216,11.9292428 C2.45321216,12.4815275 2.90092741,12.9292428 3.45321216,12.9292428 L10.4872657,12.9292428 C11.0395505,12.9292428 11.4872657,12.4815275 11.4872657,11.9292428 L11.4872657,3.89402686 L11.4872657,3.89402686" id="路径-20"></path>
<line x1="5.49894415" y1="3.89402686" x2="5.49894415" y2="10.3954667" id="路径-21"></line>
<line x1="8.49836822" y1="3.89402686" x2="8.49836822" y2="10.3954667" id="路径-22"></line>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/project/deleteDisable.svg 0 → 100644
View file @ a0ec87bd
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 58备份</title>
<g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="编组-58备份">
<rect id="矩形" x="0" y="0" width="16" height="16"></rect>
<g id="编组-50" transform="translate(1.000000, 1.605109)" stroke="#DDE1E6" stroke-width="1.5">
<line x1="0" y1="2.39431484" x2="14" y2="2.39431484" id="路径-16"></line>
<path d="M3.37934347,2.39431484 L3.37934347,1 C3.37934347,0.44771525 3.82705872,1.01453063e-16 4.37934347,0 L9.63329305,0 C10.1855778,-1.01453063e-16 10.6332931,0.44771525 10.6332931,1 L10.6332931,2.39431484 L10.6332931,2.39431484" id="路径-17"></path>
<path d="M2.45321216,3.89402686 L2.45321216,11.9292428 C2.45321216,12.4815275 2.90092741,12.9292428 3.45321216,12.9292428 L10.4872657,12.9292428 C11.0395505,12.9292428 11.4872657,12.4815275 11.4872657,11.9292428 L11.4872657,3.89402686 L11.4872657,3.89402686" id="路径-20"></path>
<line x1="5.49894415" y1="3.89402686" x2="5.49894415" y2="10.3954667" id="路径-21"></line>
<line x1="8.49836822" y1="3.89402686" x2="8.49836822" y2="10.3954667" id="路径-22"></line>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/project/taskResultsSeeHoverIcon.svg
View file @ a0ec87bd
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>1.Base基础/Icon图标/查看备份</title> <title>编组 65备份</title>
<g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="1.Base基础/Icon图标/查看备份"> <g id="编组-65备份">
<rect id="矩形" x="0" y="0" width="16" height="16"></rect> <rect id="矩形" x="0" y="0" width="18" height="18"></rect>
<g id="编组-58" transform="translate(0.500000, 1.488632)" stroke="#565C66" stroke-width="1.62830815"> <g id="1.Base基础/Icon图标/查看备份" transform="translate(1.000000, 1.000000)">
<g id="编组"> <rect id="矩形" x="0" y="0" width="16" height="16"></rect>
<line x1="0" y1="0.5" x2="12.4755135" y2="0.5" id="路径"></line> <g id="编组-58" transform="translate(0.500000, 1.488632)" stroke="#565C66" stroke-width="1.62830815">
<line x1="0" y1="6.18590274" x2="4.99389897" y2="6.18590274" id="路径"></line> <g id="编组">
<line x1="0" y1="11.8718055" x2="5.66782353" y2="11.8718055" id="路径"></line> <line x1="0" y1="0.5" x2="12.4755135" y2="0.5" id="路径"></line>
<line x1="13.0860211" y1="10.7189929" x2="15.2967853" y2="13.4172047" id="路径"></line> <line x1="0" y1="6.18590274" x2="4.99389897" y2="6.18590274" id="路径"></line>
<path d="M10.6064141,3.72994425 C11.6910045,3.72994425 12.6717682,4.15682942 13.3821406,4.84341174 C14.1027218,5.53986092 14.5458693,6.50270675 14.5458693,7.56473415 C14.5458693,8.62676155 14.1027218,9.58960738 13.3821406,10.2860566 C12.6717682,10.9726389 11.6910045,11.3995241 10.6064141,11.3995241 C9.52182361,11.3995241 8.54105997,10.9726389 7.83068751,10.2860566 C7.11010631,9.58960738 6.66695888,8.62676155 6.66695888,7.56473415 C6.66695888,6.50270675 7.11010631,5.53986092 7.83068751,4.84341174 C8.54105997,4.15682942 9.52182361,3.72994425 10.6064141,3.72994425 Z" id="路径"></path> <line x1="0" y1="11.8718055" x2="5.66782353" y2="11.8718055" id="路径"></line>
<line x1="13.0860211" y1="10.7189929" x2="15.2967853" y2="13.4172047" id="路径"></line>
<path d="M10.6064141,3.72994425 C11.6910045,3.72994425 12.6717682,4.15682942 13.3821406,4.84341174 C14.1027218,5.53986092 14.5458693,6.50270675 14.5458693,7.56473415 C14.5458693,8.62676155 14.1027218,9.58960738 13.3821406,10.2860566 C12.6717682,10.9726389 11.6910045,11.3995241 10.6064141,11.3995241 C9.52182361,11.3995241 8.54105997,10.9726389 7.83068751,10.2860566 C7.11010631,9.58960738 6.66695888,8.62676155 6.66695888,7.56473415 C6.66695888,6.50270675 7.11010631,5.53986092 7.83068751,4.84341174 C8.54105997,4.15682942 9.52182361,3.72994425 10.6064141,3.72994425 Z" id="路径"></path>
</g>
</g> </g>
</g> </g>
</g> </g>
......
src/assets/project/taskResultsSeeIcon.svg
View file @ a0ec87bd
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="15px" viewBox="0 0 17 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>1.Base基础/Icon图标/查看备份</title> <title>编组 65</title>
<g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="上线UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="1.Base基础/Icon图标/查看备份" transform="translate(0.000000, -1.000000)"> <g id="编组-65">
<rect id="矩形" x="0" y="0" width="16" height="16"></rect> <rect id="矩形" x="0" y="0" width="18" height="18"></rect>
<g id="编组-58" transform="translate(0.500000, 1.488632)" stroke="#8A9099" stroke-width="1.62830815"> <g id="1.Base基础/Icon图标/查看备份" transform="translate(1.000000, 1.000000)">
<g id="编组"> <rect id="矩形" x="0" y="0" width="16" height="16"></rect>
<line x1="0" y1="0.5" x2="12.4755135" y2="0.5" id="路径"></line> <g id="编组-58" transform="translate(0.500000, 1.488632)" stroke="#8A9099" stroke-width="1.62830815">
<line x1="0" y1="6.18590274" x2="4.99389897" y2="6.18590274" id="路径"></line> <g id="编组">
<line x1="0" y1="11.8718055" x2="5.66782353" y2="11.8718055" id="路径"></line> <line x1="0" y1="0.5" x2="12.4755135" y2="0.5" id="路径"></line>
<line x1="13.0860211" y1="10.7189929" x2="15.2967853" y2="13.4172047" id="路径"></line> <line x1="0" y1="6.18590274" x2="4.99389897" y2="6.18590274" id="路径"></line>
<path d="M10.6064141,3.72994425 C11.6910045,3.72994425 12.6717682,4.15682942 13.3821406,4.84341174 C14.1027218,5.53986092 14.5458693,6.50270675 14.5458693,7.56473415 C14.5458693,8.62676155 14.1027218,9.58960738 13.3821406,10.2860566 C12.6717682,10.9726389 11.6910045,11.3995241 10.6064141,11.3995241 C9.52182361,11.3995241 8.54105997,10.9726389 7.83068751,10.2860566 C7.11010631,9.58960738 6.66695888,8.62676155 6.66695888,7.56473415 C6.66695888,6.50270675 7.11010631,5.53986092 7.83068751,4.84341174 C8.54105997,4.15682942 9.52182361,3.72994425 10.6064141,3.72994425 Z" id="路径"></path> <line x1="0" y1="11.8718055" x2="5.66782353" y2="11.8718055" id="路径"></line>
<line x1="13.0860211" y1="10.7189929" x2="15.2967853" y2="13.4172047" id="路径"></line>
<path d="M10.6064141,3.72994425 C11.6910045,3.72994425 12.6717682,4.15682942 13.3821406,4.84341174 C14.1027218,5.53986092 14.5458693,6.50270675 14.5458693,7.56473415 C14.5458693,8.62676155 14.1027218,9.58960738 13.3821406,10.2860566 C12.6717682,10.9726389 11.6910045,11.3995241 10.6064141,11.3995241 C9.52182361,11.3995241 8.54105997,10.9726389 7.83068751,10.2860566 C7.11010631,9.58960738 6.66695888,8.62676155 6.66695888,7.56473415 C6.66695888,6.50270675 7.11010631,5.53986092 7.83068751,4.84341174 C8.54105997,4.15682942 9.52182361,3.72994425 10.6064141,3.72994425 Z" id="路径"></path>
</g>
</g> </g>
</g> </g>
</g> </g>
......
src/views/MenuLayout/index.module.css
View file @ a0ec87bd
...@@ -24,10 +24,12 @@ ...@@ -24,10 +24,12 @@
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;
border-left: 3px solid #f7f8fa; border-left: 3px solid #f7f8fa;
font-weight: 400;
} }
.listItem:hover { .listItem:hover {
background-color: #eef1f5; background-color: #eef1f5;
border-left: 3px solid #eef1f5; border-left: 3px solid #eef1f5;
font-weight: 500;
} }
.routerIcon { .routerIcon {
vertical-align: middle; vertical-align: middle;
...@@ -39,4 +41,5 @@ ...@@ -39,4 +41,5 @@
border-left: 3px solid #1370ff; border-left: 3px solid #1370ff;
color: #1370ff; color: #1370ff;
background-color: #e6eaf0; background-color: #e6eaf0;
font-weight: 500;
} }
src/views/MenuLayout/index.tsx
View file @ a0ec87bd
...@@ -80,9 +80,7 @@ const MenuLayout = observer(() => { ...@@ -80,9 +80,7 @@ const MenuLayout = observer(() => {
} }
alt="" alt=""
/> />
<span style={{ verticalAlign: "middle", fontWeight: "500" }}> <span style={{ verticalAlign: "middle" }}>{item.name}</span>
{item.name}
</span>
</li> </li>
); );
} }
......
src/views/Project/ProjectData/SeeDataset/index.module.css
View file @ a0ec87bd
...@@ -73,15 +73,19 @@ ...@@ -73,15 +73,19 @@
cursor: pointer; cursor: pointer;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url(../../../../assets/project/jobDel.svg); background-image: url(../../../../assets/project/delete.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.deleteIcon:hover { .deleteIcon:hover {
background-image: url(../../../../assets/project/deleteHover.svg); background-image: url(../../../../assets/project/deleteHover.svg);
} }
.deleteIconDisabled { .deleteIconDisabled {
background-image: url(../../../../assets/project/deleteDisable.svg);
cursor: not-allowed; cursor: not-allowed;
} }
.deleteIconDisabled:hover {
background-image: url(../../../../assets/project/deleteDisable.svg);
}
.searchTop { .searchTop {
margin-bottom: 12px; margin-bottom: 12px;
} }
......
src/views/Project/ProjectJobDetail/TaskInfo/index.tsx
View file @ a0ec87bd
...@@ -54,7 +54,11 @@ const TaskInfo = (props: ITaskInfoProps) => { ...@@ -54,7 +54,11 @@ const TaskInfo = (props: ITaskInfoProps) => {
<div key={index} className={styles.outputLi}> <div key={index} className={styles.outputLi}>
<div className={styles.outputLiLeft}> <div className={styles.outputLiLeft}>
<img <img
className={styles.outputLiLeftImg} className={classNames({
[styles.outputLiLeftImg]: true,
[styles.outputLiLeftImgBoxShadow2]:
item.type === "file",
})}
src={ src={
item.type === "file" item.type === "file"
? taskResultsFileIcon ? taskResultsFileIcon
......
src/views/Project/ProjectJobDetail/index.module.css
View file @ a0ec87bd
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
margin-left: 8px; margin-left: 8px;
} }
.taskResults { .taskResults {
padding: 23px 20px; padding: 20px 24px 20px;
background-color: rgba(247, 248, 250, 1); background-color: rgba(247, 248, 250, 1);
margin-bottom: 24px; margin-bottom: 24px;
} }
...@@ -85,18 +85,23 @@ ...@@ -85,18 +85,23 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 26px; margin-bottom: 20px;
} }
.outputLi:last-child { .outputLi:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.outputLiLeft { .outputLiLeft {
cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
color: rgba(19, 112, 255, 1); color: rgba(19, 112, 255, 1);
font-size: 14px; font-size: 14px;
} }
.outputLiLeftImg {
box-shadow: 0px 5px 11px -5px rgba(19, 110, 250, 0.64);
}
.outputLiLeftImgBoxShadow2 {
box-shadow: 0px 5px 11px -5px rgba(13, 204, 152, 0.64);
}
.outputItemName { .outputItemName {
max-width: 172px; max-width: 172px;
white-space: nowrap; white-space: nowrap;
...@@ -123,8 +128,8 @@ ...@@ -123,8 +128,8 @@
cursor: pointer; cursor: pointer;
} }
.seeDataset { .seeDataset {
width: 17px; width: 18px;
height: 15px; height: 18px;
background-image: url(../../../assets/project/taskResultsSeeIcon.svg); background-image: url(../../../assets/project/taskResultsSeeIcon.svg);
} }
.seeDataset:hover { .seeDataset:hover {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment