zfc/bindbox-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 调整了对手栏、玩家卡片和头像的尺寸及样式，并增加了底部面板和游戏日志的高度。

Browse Source
This commit is contained in:
邹方成 2026-01-02 21:03:36 +08:00
parent 625dc1842a
commit b5241d767b
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
pages-game/game/minesweeper/play.scss
View File

@ -526,7 +526,7 @@
// 对手栏
// =====================================
.opponents-bar {
height: 140rpx;
height: 180rpx;
background: rgba(0, 0, 0, 0.2);
border-bottom: 1px solid $border-dark;
}
@ -538,12 +538,12 @@
}
.player-card {
min-width: 200rpx;
height: 100rpx;
min-width: 260rpx;
height: 140rpx;
background: $bg-dark-card;
border: 1px solid $border-dark;
border-radius: $radius-md;
padding: $spacing-sm $spacing-md;
border-radius: $radius-lg;
padding: $spacing-md;
display: flex;
align-items: center;
position: relative;
@ -582,10 +582,19 @@
.avatar {
font-size: 44rpx;
margin-right: $spacing-sm;
margin-right: $spacing-md;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
width: 80rpx;
height: 80rpx;
&.lg {
font-size: 56rpx;
width: 100rpx;
height: 100rpx;
font-size: 64rpx;
}
}
@ -769,11 +778,12 @@
display: flex;
gap: $spacing-md;
border-top: 1px solid $border-dark;
height: 240rpx; // 增加底部面板高度以容纳更大的卡片
}
.game-logs {
flex: 1;
max-height: 140rpx;
height: 100%;
padding: $spacing-sm;
background: rgba(0, 0, 0, 0.3);
border-radius: $radius-md;