feat: enlarge mascot (420x340) + peak/stats/bubble, reduce whitespace
This commit is contained in:
+16
-16
@@ -225,7 +225,7 @@ export default {
|
||||
|
||||
.bubble-zone {
|
||||
width: 100%;
|
||||
height: 88px;
|
||||
height: 62px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -272,28 +272,28 @@ export default {
|
||||
|
||||
/* 吉祥物:比之前大一点 + 敲击 Q 弹 */
|
||||
.mascot-wrap {
|
||||
width: 360px;
|
||||
height: 318px;
|
||||
width: 420px;
|
||||
height: 340px;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mascot {
|
||||
width: 360px;
|
||||
width: 420px;
|
||||
transition: height 0.14s cubic-bezier(0.33, 1.12, 0.68, 1);
|
||||
}
|
||||
|
||||
.mh0 { height: 318px; }
|
||||
.mh1 { height: 292px; }
|
||||
.mh2 { height: 262px; }
|
||||
.mh3 { height: 302px; }
|
||||
.mh4 { height: 322px; }
|
||||
.mh0 { height: 340px; }
|
||||
.mh1 { height: 314px; }
|
||||
.mh2 { height: 282px; }
|
||||
.mh3 { height: 322px; }
|
||||
.mh4 { height: 346px; }
|
||||
|
||||
.peak {
|
||||
font-size: 22px;
|
||||
font-size: 26px;
|
||||
font-weight: bold;
|
||||
margin-top: 8px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.peak-green {
|
||||
@@ -306,16 +306,16 @@ export default {
|
||||
|
||||
.stats {
|
||||
color: #c4d2ea;
|
||||
font-size: 16px;
|
||||
margin-top: 6px;
|
||||
font-size: 18px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* 气泡:头像正上方居中,稍微放大 */
|
||||
.bubble {
|
||||
width: 256px;
|
||||
width: 284px;
|
||||
flex-direction: column;
|
||||
padding: 12px 14px;
|
||||
border-radius: 16px;
|
||||
padding: 14px 16px;
|
||||
border-radius: 18px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user