diff options
| -rw-r--r-- | pages/index.fnl | 4 | ||||
| -rw-r--r-- | pages/shop/_product/index.fnl | 2 | ||||
| -rw-r--r-- | static/style.css | 22 |
3 files changed, 10 insertions, 18 deletions
diff --git a/pages/index.fnl b/pages/index.fnl index a7761a2..88cdca7 100644 --- a/pages/index.fnl +++ b/pages/index.fnl @@ -25,8 +25,8 @@ (let [chosen (. list (math.random (# list)))] (HTML [:div {} - [:a {:href (.. "static/" chosen.name ".webp") :target "_blank"} ""] - [:img {:src (.. "static/" chosen.name "-p.webp") :alt chosen.alt}]]))) + [:a {:href (.. "static/" chosen.name ".webp") :target "_blank"} + [:img {:src (.. "static/" chosen.name "-p.webp") :alt chosen.alt}]]]))) (fn content [authenticated?] [(HTML diff --git a/pages/shop/_product/index.fnl b/pages/shop/_product/index.fnl index b4df0e5..cb451b7 100644 --- a/pages/shop/_product/index.fnl +++ b/pages/shop/_product/index.fnl @@ -86,7 +86,7 @@ [:img {:class "product-page-img-mobile mb-1" :src (.. link "-thumbnail.jpg")}]])) (if (not (lib.empty? product.description)) - (HTML [:div {:class "mb-1"} "***"]) + (HTML [:div {:class "product-page-delimiter mb-1"} "***"]) "") (if (not (lib.empty? product.description)) (HTML [:div {} [:NO-ESCAPE (text->html product.description)]]) diff --git a/static/style.css b/static/style.css index 959f0cd..edc7bb7 100644 --- a/static/style.css +++ b/static/style.css @@ -252,10 +252,10 @@ p { grid-gap: 1rem; max-width: calc(100vw - 6rem); width: 100%; + font-size: 0; } .gallery > div { - position: relative; background-color: #00000011; } @@ -289,24 +289,11 @@ p { grid-row: 13 / span 4; } -.gallery a { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; -} - .gallery img, .gallery video { - position: absolute; - top: 0; - left: 0; width: 100%; height: 100%; object-fit: cover; - z-index: 0; } .shop-items { @@ -367,7 +354,7 @@ p { .product-page-layout { display: flex; - gap: 2rem; + gap: 0 2rem; } .product-page-layout > * { @@ -378,6 +365,7 @@ p { display: flex; flex-direction: column; gap: 1rem; + font-size: 0; } .product-page-img, @@ -575,6 +563,10 @@ p { .product-page-imgs > *:first-child { display: none; } + + .product-page-delimiter { + display: none; + } } @media screen and (max-width: 41rem) { |