mirror of https://github.com/openspug/spug
U 优化应用选择展示效果
parent
72b30b7709
commit
58702be324
|
@ -83,7 +83,7 @@ class SelectApp extends React.Component {
|
||||||
<div className={styles.right}>
|
<div className={styles.right}>
|
||||||
<Spin spinning={store.isLoading}>
|
<Spin spinning={store.isLoading}>
|
||||||
<div className={styles.title}>
|
<div className={styles.title}>
|
||||||
<div>{lds.get(envStore.idMap, `${env_id}.name`)}</div>
|
<div className={styles.titleText}>{lds.get(envStore.idMap, `${env_id}.name`)}</div>
|
||||||
<Input
|
<Input
|
||||||
allowClear
|
allowClear
|
||||||
style={{width: 200}}
|
style={{width: 200}}
|
||||||
|
|
|
@ -5,11 +5,12 @@
|
||||||
min-height: 500px;
|
min-height: 500px;
|
||||||
}
|
}
|
||||||
.left {
|
.left {
|
||||||
flex: 2;
|
width: 220px;
|
||||||
border-right: 1px solid #e8e8e8;
|
border-right: 1px solid #e8e8e8;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.right {
|
.right {
|
||||||
flex: 7;
|
width: 580px;
|
||||||
padding: 8px 40px;
|
padding: 8px 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -24,8 +25,15 @@
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.titleText {
|
||||||
|
padding-right: 12px;
|
||||||
|
width: 300px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
.appItem {
|
.appItem {
|
||||||
width: 560px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 12px 16px;
|
padding: 12px 16px;
|
||||||
|
|
Loading…
Reference in New Issue