diff options
| author | unwox <me@unwox.com> | 2025-12-16 20:52:08 +0600 |
|---|---|---|
| committer | unwox <me@unwox.com> | 2025-12-16 20:52:08 +0600 |
| commit | 839e4910a93ede404bee5d11506ba2e65d6900e0 (patch) | |
| tree | 4c6a6b4c629ab2bdee91a5531c92a9318b7b2229 /pages/shop | |
| parent | 3fac776752322761404cd6150eacfc3ac0cf5e72 (diff) | |
shop styling improvements
Diffstat (limited to 'pages/shop')
| -rw-r--r-- | pages/shop/index.fnl | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/pages/shop/index.fnl b/pages/shop/index.fnl index 854803f..27060eb 100644 --- a/pages/shop/index.fnl +++ b/pages/shop/index.fnl @@ -112,6 +112,8 @@ [:section {:class (.. "shop-item" (if (not product.published) " shop-item-not-published" ""))} + [:div {:class "shop-item-backdrop" + :style (.. "transform: rotate(" (- (math.random 4) 2) "deg)")} ""] [:a {:href item-url} [:div {:class "shop-item-imgs"} [:img {:class "shop-item-img" @@ -130,12 +132,10 @@ :style (.. "z-index: " (+ idx 2) ";" "width: calc(100% / " (# without-videos) ");" "left: calc(100% / " (# without-videos) " * " (- idx 1) ")")}]))))]] - [:a {:href item-url} - [:h3 {:class "shop-item-title" :data-parser "title"} product.title]] - (templates.product-overview product "mb-0-25 font-size-0-875") - [:div {:class "shop-item-price"} - (templates.add-to-basket-form product basket "mb-0-5" redirect-url)] - [:div {:data-parser "description"} product.short-description]])) + [:h3 {:class "shop-item-title" :data-parser "title"} product.title] + (templates.product-overview product "mb-1-25") + [:div {:class "shop-item-price mt-auto mb-0-5"} + (templates.add-to-basket-form product basket "" redirect-url)]])) (fn content [db products page total filters basket agreed-to-cookies? authenticated?] (local redirect-url (filters-path page filters)) @@ -160,7 +160,7 @@ [:a {:style "white-space: nowrap; margin-left: 1rem;" :href (.. "/shop/order/list")} "☰ Список заказов"]]) "") - [:form {:class "d-flex-desktop gap-0-5 mb-1"} + [:form {:class "d-flex-desktop gap-0-5 mb-2"} [:input {:name "search" :type "search" :placeholder "Поиск" :value (or filters.search "")}] [:select {:name "type"} |
