From c913ed252569be52b571d3d041eb6159729f6d87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Valenta?= <tomas@imaniti.org>
Date: Sun, 19 May 2024 13:26:28 +0200
Subject: [PATCH] smaller header for district

---
 .../patterns/molecules/menus/carousel.html      | 17 +++++++++++++++--
 .../molecules/menus/district/carousel.html      | 10 ++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
index b1437bf..836c4de 100644
--- a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
+++ b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
@@ -1,6 +1,12 @@
 <div class="__js-root">
   <div class="header-carousel">
-    <div class="block h-[700px] xl:h-screen relative group cursor-pointer">
+    <div
+      class="
+        {% block wrapper_classes %}
+          block h-[700px] xl:h-screen relative group cursor-pointer
+        {% endblock %}
+      "
+    >
       <video
         class="
           header-carousel--image
@@ -35,7 +41,14 @@
         {% endif %}
       </video>
 
-      <div class="header-carousel--text-wrapper" style="box-sizing: border-box">
+      <div
+        class="
+          {% block text_wrapper_class %}
+            header-carousel--text-wrapper
+          {% endblock %}
+        "
+        style="box-sizing: border-box"
+      >
         <div class="container--wide px-0 h-full flex flex-col justify-end items-start" style="box-sizing: border-box">
 
           <h1 class="mb-4 px-5 flex flex-col text-black block lg:hidden">
diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
index 2331696..677ad30 100644
--- a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
+++ b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
@@ -1 +1,11 @@
 {% extends 'patterns/molecules/menus/carousel.html' %}
+
+{% block wrapper_classes %}
+  block h-[700px] xl:h-[550px] relative group cursor-pointer
+{% endblock %}
+
+{% block text_wrapper_class %}
+  header-carousel--text-wrapper
+
+  !bottom-[22%]
+{% endblock %}
-- 
GitLab