diff options
| -rw-r--r-- | pages/shop/index.fnl | 3 | ||||
| -rw-r--r-- | pages/shop/order/index.fnl | 5 | ||||
| -rw-r--r-- | static/style.css | 29 | ||||
| -rw-r--r-- | templates.fnl | 2 |
4 files changed, 34 insertions, 5 deletions
diff --git a/pages/shop/index.fnl b/pages/shop/index.fnl index 27060eb..f9f1045 100644 --- a/pages/shop/index.fnl +++ b/pages/shop/index.fnl @@ -132,7 +132,8 @@ :style (.. "z-index: " (+ idx 2) ";" "width: calc(100% / " (# without-videos) ");" "left: calc(100% / " (# without-videos) " * " (- idx 1) ")")}]))))]] - [:h3 {:class "shop-item-title" :data-parser "title"} product.title] + [:a {:href item-url :class "shop-item-title"} + [:h3 {: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)]])) diff --git a/pages/shop/order/index.fnl b/pages/shop/order/index.fnl index 4cafd62..904c219 100644 --- a/pages/shop/order/index.fnl +++ b/pages/shop/order/index.fnl @@ -21,9 +21,8 @@ (fn content [db basket data errors agreed-to-cookies? authenticated?] [(HTML [:aside {} - (templates.header "/shop/order") + (templates.header "/shop/order" authenticated?) (if (< 0 (# basket)) (templates.basket basket "/shop/order") "") - (templates.conditions-block) (templates.address-block) (templates.contact-block)]) (HTML @@ -31,7 +30,7 @@ (if (not agreed-to-cookies?) (templates.cookies-agreement) "") [:div {:class "back"} [:a {:href "/shop"} "⟵ Обратно к списку"]] [:section {} - [:h2 {:id "content"} "Оформление заказа"] + [:h2 {:id "content" :class "mb-1"} "Оформление заказа"] [:section {:class "narrow"} [:p {:class "mb-0-5"} "После подтверждения заказа мы с вами свяжемся для уточнения diff --git a/static/style.css b/static/style.css index 867b9a6..db3d41c 100644 --- a/static/style.css +++ b/static/style.css @@ -401,6 +401,11 @@ p { } .shop-item-title { + color: currentColor; + text-decoration: none; +} + +.shop-item-title h3 { font-size: 1.375rem; margin-bottom: 0.375rem; font-weight: 700; @@ -616,6 +621,22 @@ select { padding: 0.75rem 1rem; } +.with-backdrop { + position: relative; +} + +.with-backdrop::before { + content: ''; + position: absolute; + left: -1.25rem; + right: -0.25rem; + top: -0.75rem; + bottom: -0.75rem; + border: 0.375rem #ffed7a solid; + transform: rotate(-1deg); + z-index: -1; +} + .font-size-1-25 { font-size: 1.25rem; } @@ -772,6 +793,10 @@ select { background-color: #ffffff22; } + .shop-item-backdrop { + background-color: #42381b; + } + .shop-item-imgs { background-color: #ffffff22; } @@ -789,4 +814,8 @@ select { color: #211e1c; background-color: #f7c533; } + + .with-backdrop::before { + border-color: #42381b; + } } diff --git a/templates.fnl b/templates.fnl index 0e4c1bb..6642f8f 100644 --- a/templates.fnl +++ b/templates.fnl @@ -97,7 +97,7 @@ (let [total (accumulate [sum 0 _ v (ipairs basket)] (+ sum (* v.quantity v.price-per)))] (HTML - [:section {} + [:section {:class "with-backdrop"} [:h2 {} "Корзина"] [:div {:class "mb-0-25"} (table.concat |