From 8a47cfb3cf761f2afdbcacab84b5d1033108dcc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomi=20Valentov=C3=A1?= <git@imaniti.org>
Date: Thu, 18 Jul 2024 15:46:10 +0200
Subject: [PATCH] fix alignment
---
shared/templates/styleguide2/form_page.html | 14 +++++++++-
.../includes/atoms/text/heading.html | 26 ++++++++++++++-----
2 files changed, 33 insertions(+), 7 deletions(-)
diff --git a/shared/templates/styleguide2/form_page.html b/shared/templates/styleguide2/form_page.html
index 3db4bac0..dad677fe 100644
--- a/shared/templates/styleguide2/form_page.html
+++ b/shared/templates/styleguide2/form_page.html
@@ -16,7 +16,19 @@
{% endfor %}
<form
- class="flex flex-col gap-8"
+ class="
+ flex flex-col gap-8
+
+ {% if not page.root_page.content_is_full_width %}
+ max-w-[100ch]
+ {% else %}
+ max-w-[100%]
+ {% endif %}
+
+ {% if page.root_page.content_is_centered %}
+ mx-auto
+ {% endif %}
+ "
action="{% pageurl page %}"
method="post"
>
diff --git a/shared/templates/styleguide2/includes/atoms/text/heading.html b/shared/templates/styleguide2/includes/atoms/text/heading.html
index 32c65a9e..b2a07bb1 100644
--- a/shared/templates/styleguide2/includes/atoms/text/heading.html
+++ b/shared/templates/styleguide2/includes/atoms/text/heading.html
@@ -1,11 +1,25 @@
-<{{ self.tag }}
+<div
class="
- {{ responsive_style }}
+ {% if not page.root_page.content_is_full_width %}
+ max-w-[100ch]
+ {% else %}
+ max-w-[100%]
+ {% endif %}
- {% if self.align == "center" %}
- text-center
+ {% if page.root_page.content_is_centered %}
+ mx-auto
{% endif %}
"
>
- {{ self.headline }}
-</{{ self.tag }}>
+ <{{ self.tag }}
+ class="
+ {{ responsive_style }}
+
+ {% if self.align == "center" %}
+ text-center
+ {% endif %}
+ "
+ >
+ {{ self.headline }}
+ </{{ self.tag }}>
+</div>
--
GitLab