feat: 调整项目经历排版布局

- 删除项目介绍标题,将技术栈拆分为标签展示
- 项目名称与职责描述同行显示,日期居右
- 技术标签与项目链接分列左右
- 项目描述合并为单行展示
- 添加标签样式(蓝色边框圆角)
This commit is contained in:
2026-08-27 10:25:32 +08:00
parent de065b7023
commit e600fc5a9b
2 changed files with 62 additions and 16 deletions
+35 -4
View File
@@ -229,24 +229,51 @@ body {
margin-bottom: 1px;
}
.proj-title-line {
display: flex;
align-items: baseline;
gap: 8px;
}
.proj-name {
font-size: 14px;
font-weight: 700;
color: #222;
}
.proj-role {
font-size: 12px;
color: #888;
}
.proj-date {
font-size: 13px;
color: #888;
white-space: nowrap;
}
.proj-sub {
font-size: 12px;
color: #888;
margin-bottom: 2px;
.proj-link-line {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
margin-bottom: 2px;
}
.proj-tags {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
.proj-tag {
display: inline-block;
font-size: 10px;
color: #4478DF;
border: 1px solid #4478DF;
border-radius: 3px;
padding: 0px 4px;
line-height: 1.4;
}
.proj-link {
@@ -259,6 +286,10 @@ body {
color: #252525;
line-height: 1.45;
margin-bottom: 3px;
border: 1px solid #4478DF;
border-radius: 4px;
padding: 4px 8px;
text-align: center;
}
.proj-desc {