模板:Gallery/styles.css

来自决策链云智库
.template-gallery {
    margin-top: var(--space-md);
    display: flex;
    overflow-x: auto; /* 仅在水平方向显示滚动条 */
    overflow-y: hidden; /* 隐藏垂直滚动条 */
    gap: var(--space-xs);
    flex-wrap: nowrap;
    max-width: 100%; /* 或者设定一个具体的最大宽度 */
}

.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%; 
    min-width: 150px; /* 设置最小宽度 */
    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);
}