模板:Gallery/styles.css

来自决策链云智库
.template-gallery {
    margin-top: var(--space-md);
    display: flex;
    overflow: auto; /* 启用滚动条 */
    gap: var(--space-xs);
    flex-wrap: nowrap; /* 禁止元素换行 */
}

.template-gallery a.mw-file-description {
    display: block;
    border-radius: var(--border-radius--small);
    overflow: hidden;
}

.template-gallery a.mw-file-description img {
    transition: transform 250ms ease;
    max-width: 100%; /* 确保图片不超过其父元素的宽度 */
    height: auto; /* 保持图片的宽高比 */
}

.template-gallery a.mw-file-description:hover img {
    transform: scale(1.1);
}

.template-gallery video {
    max-width: none !important;
    max-height: 120px !important;
    width: auto !important;
    overflow: hidden;
    border-radius: var(--border-radius--small);
}