优化文章样式

This commit is contained in:
2023-07-29 14:53:20 +08:00
parent 47eb37d2cd
commit 570c9944ab
4 changed files with 56 additions and 33 deletions

View File

@@ -7,41 +7,48 @@
padding-bottom: 12px;
border-bottom: 1px solid #bbb;
position: relative;
.poster {
height: 120px;
width: 240px;
margin-right: 12px;
}
.main {
margin-left: 12px;
position: relative;
.title {
font-size: 14px;
font-weight: 600;
}
width: 100%;
.desc {
font-size: 12px;
color: #999;
margin-top: 4px;
}
.options {
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
bottom: 0;
right: 0;
.info {
padding-bottom: 28px;
.item {
margin-left: 12px;
.title {
font-size: 14px;
font-weight: 600;
}
.desc {
font-size: 12px;
color: #999;
margin-top: 4px;
}
}
}
.options {
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
bottom: 12px;
right: 0;
.item {
margin-left: 12px;
}
}
}