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