Browse Source

修复图片预览功能,使其与审核页面样式一致

kkk
Default User 2 months ago
parent
commit
ca59a852bc
  1. 35
      supply.html

35
supply.html

@ -783,22 +783,25 @@
.image-viewer-content {
position: relative;
max-width: 90%;
max-height: 90%;
width: 500px; /* 固定宽度 */
height: 350px; /* 固定高度 */
cursor: default;
display: flex;
justify-content: center;
align-items: center;
}
.image-viewer-close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
top: -30px;
right: -30px;
width: 30px;
height: 30px;
background-color: rgba(255, 255, 255, 0.2);
color: white;
border: none;
border-radius: 50%;
font-size: 24px;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
@ -815,13 +818,13 @@
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.6);
color: white;
border: none;
border-radius: 50%;
font-size: 30px;
font-size: 24px;
cursor: pointer;
display: flex;
align-items: center;
@ -835,23 +838,23 @@
}
.prev-btn {
left: -25px;
left: -60px;
}
.next-btn {
right: -25px;
right: -60px;
}
/* 图片计数器 */
.image-viewer-counter {
position: absolute;
bottom: -40px;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.6);
background-color: transparent;
color: white;
padding: 8px 16px;
border-radius: 20px;
padding: 4px 12px;
border-radius: 15px;
font-size: 14px;
font-weight: 500;
}

Loading…
Cancel
Save