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