fix: adjust max-height and border-radius for result images and videos to enhance visual presentation
This commit is contained in:
parent
bf0cfffd54
commit
c714e78ecb
|
|
@ -37,7 +37,7 @@
|
|||
/* 媒体容器 - 自适应比例 */
|
||||
.result-container {
|
||||
width: 100%;
|
||||
max-height: 60vh;
|
||||
max-height: 80vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
@ -47,18 +47,17 @@
|
|||
}
|
||||
|
||||
.result-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-height: 60vh;
|
||||
border-radius: 16px;
|
||||
max-height: 70vh;
|
||||
border-radius: 12px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.result-video {
|
||||
width: 100%;
|
||||
height: 60vh;
|
||||
height: 70vh;
|
||||
object-fit: contain;
|
||||
border-radius: 16px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* 底部操作区域 */
|
||||
|
|
|
|||
Loading…
Reference in New Issue