From 2c5907198ea9f883c038a8f8de9c072d6c5c56bc Mon Sep 17 00:00:00 2001 From: unwox Date: Fri, 31 Oct 2025 14:54:10 +0600 Subject: small styling improvements --- pages/shop/_product/index.fnl | 7 +++---- pages/shop/index.fnl | 2 +- static/style.css | 10 ++++++++-- 3 files changed, 12 insertions(+), 7 deletions(-) diff --git a/pages/shop/_product/index.fnl b/pages/shop/_product/index.fnl index 6d2e3f3..23a057f 100644 --- a/pages/shop/_product/index.fnl +++ b/pages/shop/_product/index.fnl @@ -68,11 +68,10 @@ [:a {:href (.. "/shop/" product.name "/edit")} "% Редактировать"]]) "") - (templates.product-overview product "mb-0-25") - (templates.add-to-basket-form product basket "mb-0-5" redirect-url) + (templates.product-overview product "mb-0-5") + (templates.add-to-basket-form product basket "mb-1-5" redirect-url) - [:div {:class "mb-1" :style "font-style: italic;"} - product.short-description] + [:div {:class "mb-1"} product.short-description] (let [link (.. "/static/files/" product.image1)] (HTML [:a {:href link :target "_blank"} [:img {:class "product-page-img-mobile mb-1" diff --git a/pages/shop/index.fnl b/pages/shop/index.fnl index c456408..cfddbe7 100644 --- a/pages/shop/index.fnl +++ b/pages/shop/index.fnl @@ -134,7 +134,7 @@ [: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 "" redirect-url)] + (templates.add-to-basket-form product basket "mb-0-5" redirect-url)] [:div {:data-parser "description"} product.short-description]])) (fn content [db products page total filters basket agreed-to-cookies? authenticated?] diff --git a/static/style.css b/static/style.css index 59c8024..406a493 100644 --- a/static/style.css +++ b/static/style.css @@ -246,8 +246,8 @@ aside h2 { .content h2 { font-size: 3.5rem; - line-height: 1.1; - margin-bottom: 1rem; + line-height: 1; + margin-bottom: 0.75rem; } p { @@ -361,6 +361,11 @@ p { font-weight: 600; } +h2[id=content] { + padding-top: 1.5rem; + margin-top: -1.5rem; +} + .product-page-layout { display: flex; gap: 0 2rem; @@ -650,6 +655,7 @@ select { .product-page-layout { flex-direction: column; + position: relative; } .product-page-img-mobile { -- cgit v1.2.3