bowong
/
bw-mini-app
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: adjust max-height and border-radius for result images and videos to enhance visual presentation

This commit is contained in:
iHeyTang 2025-09-29 11:32:51 +08:00
parent bf0cfffd54
commit c714e78ecb
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/result/index.css
View File

@ -37,7 +37,7 @@
/* 媒体容器 - 自适应比例 */ /* 媒体容器 - 自适应比例 */
.result-container { .result-container {
width: 100%; width: 100%;
max-height: 60vh; max-height: 80vh;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -47,18 +47,17 @@
} }
.result-image { .result-image {
width: 100%;
height: auto; height: auto;
max-height: 60vh; max-height: 70vh;
border-radius: 16px; border-radius: 12px;
object-fit: contain; object-fit: contain;
} }
.result-video { .result-video {
width: 100%; width: 100%;
height: 60vh; height: 70vh;
object-fit: contain; object-fit: contain;
border-radius: 16px; border-radius: 12px;
} }
/* 底部操作区域 */ /* 底部操作区域 */