src/widgets/ImageDisplay.module.css
author ymh <ymh.work@gmail.com>
Fri, 18 Oct 2024 10:24:57 +0200
changeset 1074 231ea5ea7de4
parent 1072 ac1eacb3aa33
permissions -rw-r--r--
change http to https for default thumb

.Ldt-ImageDisplay-Container {
    width: 100%;
    height: 100%;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.Ldt-ImageDisplay-Image {
    max-width: 100%;
    max-height: 100%;
}

.Ldt-ImageDisplay-Overlay {
    width: 30%;
    min-width: 20px;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.Ldt-ImageDisplay-Overlay:hover {
}

.Ldt-ImageDisplay-Overlay-Left {
    left: 0px;
    cursor: url(img/left_arrow.svg) 20 20, pointer;
}

.Ldt-ImageDisplay-Overlay-Right {
    right: 0px;
    cursor: url(img/right_arrow.svg) 20 20, pointer;
}