优化时间线样式
parent
771c78ac70
commit
d03912e26c
|
@ -70,7 +70,7 @@ class Item extends Component {
|
|||
.container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-bottom: 32px;
|
||||
margin-bottom: 16px;
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
|
||||
|
@ -80,15 +80,16 @@ class Item extends Component {
|
|||
justify-content: center;
|
||||
width: 26px;
|
||||
height: 100%;
|
||||
min-height: 64px;
|
||||
min-height: 32px;
|
||||
padding-top: 6px;
|
||||
user-select: none;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 20px;
|
||||
top: 26px;
|
||||
width: 2px;
|
||||
height: calc(100% + 12px); // -20 + 32
|
||||
height: calc(100% - 4px); // -20 + 16
|
||||
background: var(--color-grey-1);
|
||||
content: '';
|
||||
}
|
||||
|
@ -117,9 +118,8 @@ class Item extends Component {
|
|||
margin-left: 12px;
|
||||
}
|
||||
.time {
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.5;
|
||||
font-size: 12px;
|
||||
line-height: 2;
|
||||
font-size: 13px;
|
||||
color: var(--color-grey-3);
|
||||
user-select: none;
|
||||
font-family: Raleway, Arial, Helvetica, sans-serif;
|
||||
|
|
Loading…
Reference in New Issue