U 优化应用选择展示效果

master
vapao 2021-11-18 14:05:50 +08:00
parent 72b30b7709
commit 58702be324
2 changed files with 12 additions and 4 deletions

View File

@ -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}}

View File

@ -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;