feat: portfolio styles

This commit is contained in:
Konstantin 2024-12-16 12:00:33 +01:00
parent 666fe03f2d
commit e9e5e7d30b
Signed by: konstantin
GPG key ID: A128B78773E41ACE
3 changed files with 15 additions and 5 deletions

View file

@ -58,7 +58,7 @@
{{ post.title }}
</a>
</h3>
<p class="mt-5 leading-6">{{ post.intro }}</p>
<p class="mt-5 leading-6 min-h-0 lg:min-h-32">{{ post.intro }}</p>
</div>
{% if post.main_image %}
<div class="relative mx-auto">

View file

@ -4,8 +4,14 @@
{% block body_class %}template-portfolio{% endblock %}
{% block content %}
<h1>{{ page.title }}</h1>
{{ page.body }}
{% block content %}
<section class="flex flex-col items-center justify-center h-full px-0 md:px-4 lg:px-8">
<article class="mb-16 px-1 md:px-4 lg:px-8">
<h1>{{ page.title }}</h1>
<div class="blog-content w-full">
{{ page.body }}
</div>
</article>
</section>
{% endblock %}

View file

@ -45,7 +45,7 @@
}
h3 {
@apply mt-12 mb-2 text-xl sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-black dark:text-white;
@apply mt-10 mb-3 text-xl sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-black dark:text-white;
}
h4 {
@ -56,6 +56,10 @@
@apply my-2 mb-3 text-lg leading-relaxed;
}
li {
@apply my-2 text-lg;
}
.blog-content ul, .home-content ul {
@apply list-none list-inside;
}