chore: 调整针对1080高度的分辨率设置

This commit is contained in:
2025-11-13 11:35:30 +08:00
parent a378479782
commit 20fe7c5202
2 changed files with 51 additions and 6 deletions

View File

@@ -1528,14 +1528,44 @@ onUnmounted(() => {
}
/* 浮动管理员入口 */
.admin-entry-float {
position: fixed;
top: 20px;
right: 20px;
z-index: 1000;
}
.admin-entry-float {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
}
/* 管理员按钮使用通用按钮样式 */
.admin-entry-float .btn-game-secondary {
font-size: 0.8rem;
padding: 8px 16px;
min-width: 80px;
border-radius: 6px;
}
/* 针对高度1080分辨率的精确优化 */
@media (height: 1080px) {
/* 优化表格布局 - 设置高度确保只显示5行 */
.rank-table {
min-height: 280px !important;
max-height: 280px !important;
margin: 0 auto;
width: 100%;
}
/* 优化表格行高确保5行内容完美显示 */
.table-row {
min-height: 38px;
padding: 10px;
}
/* 优化前三名特殊样式 */
.table-row:nth-child(1),
.table-row:nth-child(2),
.table-row:nth-child(3) {
font-size: 1.05rem;
}
}
/* 移动端背景图片设置 - 全局样式 */
@media (max-width: 768px) {