diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html index 836c4de0d5b63afba0f1a0a179e5dd1013858059..7905ce716efb2d03aa5629b991e84237124e16c9 100644 --- a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html +++ b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html @@ -3,8 +3,10 @@ <div class=" {% block wrapper_classes %} - block h-[700px] xl:h-screen relative group cursor-pointer + block h-[700px] xl:h-screen relative {% endblock %} + + group cursor-pointer " > <video @@ -49,7 +51,14 @@ " 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"> + <div + class=" + {% block text_inner_wrapper_classes %} + container--wide px-0 h-full flex flex-col justify-end items-start + {% endblock %} + " + style="box-sizing: border-box" + > <h1 class="mb-4 px-5 flex flex-col text-black block lg:hidden"> <div>{{ mobile_label_first }}</div> diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html index 677ad30a9d0bfc050f7a731d7eae16ab3c04e7c9..d198249b1630f0d74428ace1e3d98517b36724fb 100644 --- a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html +++ b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html @@ -1,11 +1,19 @@ {% extends 'patterns/molecules/menus/carousel.html' %} {% block wrapper_classes %} - block h-[700px] xl:h-[550px] relative group cursor-pointer + block h-[600px] xl:h-[620px] relative group cursor-pointer {% endblock %} {% block text_wrapper_class %} header-carousel--text-wrapper - !bottom-[22%] + !bottom-[0] !h-full +{% endblock %} + +{% block text_inner_wrapper_classes %} + container--wide px-0 h-full flex flex-col justify-end items-start + + py-[200px] flex flex-col justify-center + + xl:pb-[110px] {% endblock %}