re-add play button to image column

2026-05-15 21:16:17 +02:00 · 2025-12-02 01:35:11 -08:00
parent 8d53358d33
commit 97af90c004
3 changed files with 108 additions and 7 deletions
@@ -6,3 +6,37 @@
 .compact-image-container {
    width: 100%;
 }
+
+.image-container-with-aspect-ratio {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    aspect-ratio: unset;
+}
+
+.image-container-with-aspect-ratio img {
+    width: auto;
+    height: 100%;
+    object-fit: contain;
+}
+
+.image-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+.play-button-overlay {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 10;
+    transform: translate(-50%, -50%);
+}
+
+.play-button-overlay button {
+    width: 36px;
+    height: 36px;
+}