From 2d6c92df7c69c019d55c12988f900455dfdc0b5f Mon Sep 17 00:00:00 2001 From: Victor Westerlund Date: Sun, 8 Jun 2025 17:25:15 +0200 Subject: [PATCH] wip: 2025-06-08T17:25:15+0200 (1749396315) --- .../css/pages/work/deltaco/asyncapp.css | 23 +++++++++++++------ 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/public/assets/css/pages/work/deltaco/asyncapp.css b/public/assets/css/pages/work/deltaco/asyncapp.css index 43fc9bd..530150f 100644 --- a/public/assets/css/pages/work/deltaco/asyncapp.css +++ b/public/assets/css/pages/work/deltaco/asyncapp.css @@ -10,6 +10,7 @@ vv-shell { gap: var(--padding); width: 100%; display: flex; + padding: unset; max-width: 1200px; overflow-x: initial; flex-direction: column; @@ -59,12 +60,6 @@ div.overlay button svg { section.preview { width: 100%; - height: 700px; - border: solid 4px var(--color-accent); - padding: calc(var(--padding) / 2); - overflow: hidden scroll; - align-self: center; - border-radius: 10px; } section.preview.mobile { @@ -73,5 +68,19 @@ section.preview.mobile { section.preview img { width: 100%; - border-radius: 4px; + pointer-events: none; +} + +@media (min-width: 450px) { + section.preview { + width: 400px; + border-radius: 10px; + align-self: center; + border: solid 4px var(--color-accent); + padding: calc(var(--padding) / 2); + } + + section.preview img { + border-radius: 4px; + } } \ No newline at end of file