bd
/
ui
2
0
Fork 0
Code Issues Pull Requests Wiki Activity

优化时间线样式

master
yutent 2023-04-19 16:11:40 +08:00
parent 771c78ac70
commit d03912e26c
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/timeline/index.js
View File

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