diff --git a/pages-game/game/minesweeper/play.scss b/pages-game/game/minesweeper/play.scss index e24be9c..da96880 100644 --- a/pages-game/game/minesweeper/play.scss +++ b/pages-game/game/minesweeper/play.scss @@ -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;