src/widgets/ImageDisplay.module.css
author ymh <ymh.work@gmail.com>
Wed, 04 Sep 2024 17:32:50 +0200
changeset 1072 ac1eacb3aa33
parent 1068 src/widgets/ImageDisplay.css@7623f9af9272
permissions -rw-r--r--
Migrate source and build to vite.js

.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;
}