aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

非正式用户的遮罩位置修改

Browse Source
This commit is contained in:
X1627315083
2025-09-15 13:33:27 +08:00
parent 891ea5004c
commit e3dae9e640
10 changed files with 58 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/component/Canvas/ExistsImageList/index.vue
View File

@@ -349,18 +349,18 @@ const handleImageError = (event) => {
/* 图片网格 */
.image-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
gap: 16px;
min-height: 200px;
max-height: 500px;
min-height: 20rem;
max-height: 50rem;
@media screen and (max-width: 768px) {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
gap: 12px;
}
@media screen and (max-width: 480px) {
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
@media screen and (max-width: 48rem) {
grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
gap: 10px;
}
}
@@ -387,7 +387,7 @@ const handleImageError = (event) => {
.image-wrapper {
position: relative;
width: 100%;
height: 220px;
height: 22rem;
overflow: hidden;
img {