From bc647f1d26784df8d41952b00b9055eab20cf5b7 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 14:15:21 +0200
Subject: [PATCH] better text alignment
---
.../patterns/molecules/menus/carousel.html | 13 +++++++++++--
.../patterns/molecules/menus/district/carousel.html | 12 ++++++++++--
2 files changed, 21 insertions(+), 4 deletions(-)
diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
index 836c4de..7905ce7 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 677ad30..d198249 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 %}
--
GitLab