style(about): 调整卡片标题布局并优化兴趣项结构
- 修改 .card-header 样式,添加弹性布局实现标题与副标题对齐 - 新增 .card-subtitle 类用于副标题样式定义 - 调整兴趣项 HTML 结构,将 emoji 移出文本容器以优化显示效果 - 更新兴趣项描述文本内容,增强语义表达
This commit is contained in:
@@ -159,29 +159,29 @@
|
||||
</div>
|
||||
<div class="interest-list">
|
||||
<div class="interest-item">
|
||||
<span class="i-emoji">🚴♂️</span>
|
||||
<div class="i-text">
|
||||
<span class="i-emoji">🚴♂️</span>
|
||||
<!-- <strong data-i18n="interest.cycling">Cycling</strong>-->
|
||||
<span data-i18n="interest.cycling_desc">Measuring the world</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="interest-item">
|
||||
<span class="i-emoji">📚</span>
|
||||
<div class="i-text">
|
||||
<span class="i-emoji">📚</span>
|
||||
<!-- <strong data-i18n="interest.reading">Reading</strong>-->
|
||||
<span data-i18n="interest.reading_desc">Thinking tracks</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="interest-item">
|
||||
<span class="i-emoji">🔍</span>
|
||||
<div class="i-text">
|
||||
<span class="i-emoji">🔍</span>
|
||||
<!-- <strong data-i18n="interest.opensource">Open Source</strong>-->
|
||||
<span data-i18n="interest.opensource_desc">Sharing power</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="interest-item">
|
||||
<span class="i-emoji">💡</span>
|
||||
<div class="i-text">
|
||||
<span class="i-emoji">💡</span>
|
||||
<!-- <strong data-i18n="interest.learning">Learning</strong>-->
|
||||
<span data-i18n="interest.learning_desc">Always curious</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user