image file info toegevoegd bij CMD+ENTER

2026-03-13 11:37:27 +01:00
parent 05569576a7
commit 018c3dcd94
18 changed files with 726 additions and 0 deletions
@@ -626,6 +626,36 @@ button:disabled {
  border: 1px solid var(--color-border);
 }

+.image-card {
+  width: min(1100px, calc(100vw - 28px));
+}
+
+.image-toolbar {
+  display: flex;
+  gap: 8px;
+  margin: 8px 0 8px 0;
+}
+
+.image-viewport {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 420px;
+  height: calc(100vh - 240px);
+  overflow: auto;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: color-mix(in srgb, var(--color-surface) 88%, black 12%);
+}
+
+.image-viewer-img {
+  max-width: none;
+  max-height: none;
+  transform-origin: center center;
+  transition: transform 120ms ease;
+  user-select: none;
+}
+
 .search-card {
  width: min(680px, calc(100vw - 32px));
 }