!1594 优化:修复模板和文件图片样式大小错误

pull/1587/MERGE
林三 3 years ago committed by ChenX
parent 05f14548ad
commit 10dcd9e4b3

@ -99,19 +99,8 @@ export class DataList extends React.Component<IDataListProps> {
<path d={data.logo} fill="transparent" stroke="black" stroke-width="1" /> <path d={data.logo} fill="transparent" stroke="black" stroke-width="1" />
</svg> : </svg> :
<> <>
<div className="imglist" <div className="imglist" >
style={{ <img src={`${CURRENT_HOST}/${data.logo ?? data.path}`} />
width: "136px",
height: "144px",
display: "flex",
justifyContent: "center",
alignItems: "center",
backgroundColor: "white",
}}>
<img
style={{ maxWidth: "100%", maxHeight: "98%", width: "auto", height: "auto" }}
src={`${CURRENT_HOST}/${data.logo ?? data.path}`}
/>
</div> </div>
</> </>
} }

@ -73,7 +73,7 @@ export class TemplateList extends React.Component<ITemplateListProps> {
public render() public render()
{ {
return ( return (
<div className="flex template-right"> <div id="TemplateList" className="flex template-right">
<DataList <DataList
style={{ flex: 1, borderRight: "1px solid #ccc" }} style={{ flex: 1, borderRight: "1px solid #ccc" }}
dataList={this.props.dataList} dataList={this.props.dataList}

@ -997,3 +997,21 @@ img {
} }
} }
//-----视图窗口配置结束-------- //-----视图窗口配置结束--------
#TemplateList{
.imglist{
width : 136px;
height : 144px;
display : flex;
justify-content : center;
align-items : center;
background-color: white;
img{
max-width : 100%;
max-height: 98%;
width : auto;
height : auto;
}
}
}

Loading…
Cancel
Save