src/widgets/ImageDisplay.module.css
changeset 1072 ac1eacb3aa33
parent 1068 7623f9af9272
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/widgets/ImageDisplay.module.css	Wed Sep 04 17:32:50 2024 +0200
@@ -0,0 +1,36 @@
+.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;
+}