feat: widen/raise/enlarge peak + stats text and bubble
This commit is contained in:
@@ -285,9 +285,12 @@ export default {
|
|||||||
.step4 { transform: translateY(-10px) scaleY(1.05); }
|
.step4 { transform: translateY(-10px) scaleY(1.05); }
|
||||||
|
|
||||||
.peak {
|
.peak {
|
||||||
font-size: 28px;
|
width: 100%;
|
||||||
|
font-size: 32px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 4px;
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.peak-green {
|
.peak-green {
|
||||||
@@ -299,23 +302,27 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.stats {
|
.stats {
|
||||||
|
width: 100%;
|
||||||
color: #c4d2ea;
|
color: #c4d2ea;
|
||||||
font-size: 20px;
|
font-size: 22px;
|
||||||
|
line-height: 28px;
|
||||||
|
text-align: center;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 气泡:头像正上方居中,稍微放大 */
|
/* 气泡:头像正上方居中,稍微放大 */
|
||||||
.bubble {
|
.bubble {
|
||||||
width: 304px;
|
width: 324px;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding: 16px 18px;
|
padding: 18px 20px;
|
||||||
border-radius: 20px;
|
border-radius: 22px;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bubble-text {
|
.bubble-text {
|
||||||
color: #1c2c47;
|
color: #1c2c47;
|
||||||
font-size: 15px;
|
font-size: 18px;
|
||||||
|
line-height: 26px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user