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