Distance to the page borders for content blocks

which is especially needed for mobile layouts
This commit is contained in:
Adrian Winterstein 2024-07-27 14:25:32 +02:00
parent 26515a4da1
commit 27cc3bc645
5 changed files with 7 additions and 7 deletions

View file

@ -1,7 +1,7 @@
{% extends "layout.html" %}
{% block content %}
<div class="flex items-center flex-col mt-10">
<div class="flex items-center flex-col mt-10 px-4">
<h1 class="text-2xl text-bold">
Categories
</h1>

View file

@ -1,11 +1,11 @@
{% extends "layout.html" %}
{% block content %}
<div class="flex items-center flex-col mt-10">
<div class="flex items-center flex-col mt-10 px-4">
<h1 class="text-2xl text-bold mb-6">
Category : {{ term.name }}
</h1>
<div class="flex flex-col gap-y-6 w-full px-4 sm:w-2/3">
<div class="flex flex-col gap-y-6 w-full sm:w-2/3">
{% if paginator %}
{% set pages = paginator.pages %}
{% else %}

View file

@ -1,7 +1,7 @@
{% extends "layout.html" %}
{% block content %}
<div class="flex">
<div class="flex px-4">
<h1 class="text-2xl text-bold my-6 mx-auto">
{{ page.title }}
</h1>

View file

@ -1,7 +1,7 @@
{% extends "layout.html" %}
{% block content %}
<div class="flex items-center flex-col mt-10">
<div class="flex items-center flex-col mt-10 px-4">
<h1 class="text-2xl text-bold">
Tags
</h1>

View file

@ -1,11 +1,11 @@
{% extends "layout.html" %}
{% block content %}
<div class="flex items-center flex-col mt-10">
<div class="flex items-center flex-col mt-10 px-4">
<h1 class="text-2xl text-bold mb-6">
Tag : {{ term.name }}
</h1>
<div class="flex flex-col gap-y-6 w-full px-4 sm:w-2/3">
<div class="flex flex-col gap-y-6 w-full sm:w-2/3">
{% if paginator %}
{% set pages = paginator.pages %}
{% else %}