feat: Little bit of redesigning
Fixes articles overflowing on small screens.
This commit is contained in:
@@ -1,18 +1,19 @@
|
||||
<!-- Post wrapper -->
|
||||
<div class="flex flex-col items-center pt-8">
|
||||
<h1 class="prose prose-h1 text-2xl text-indigo-400 self-start">{{ title }}</h1>
|
||||
<!-- Container for posts -->
|
||||
<div class="mx-auto mt-4 w-full md:max-w-prose">
|
||||
<h1 class="text-indigo-400 text-3xl">{{ title }}</h1>
|
||||
|
||||
<p class="prose prose-xs text-white self-start">Posted on {{ date }}</p>
|
||||
<span class="text-md mt-2">Posted on {{ date }}</span>
|
||||
|
||||
<article class="text-white prose prose-lg pt-8">
|
||||
{{ content }}
|
||||
</article>
|
||||
<!-- Actual article -->
|
||||
<article class="prose lg:prose-lg text-white mt-4">
|
||||
{{ content }}
|
||||
</article>
|
||||
|
||||
<!-- Post ending -->
|
||||
<span class="text-white prose prose-lg self-start pt-8">
|
||||
If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) to
|
||||
{{ email_user }} [at] {{ email_domain }} or
|
||||
reach out to me on the Fediverse at <a class="text-indigo-400"
|
||||
href="https://{{ fediverse_url }}">{{ fediverse_handle }}</a>.
|
||||
<!-- Common post footer -->
|
||||
<div class="mt-6">
|
||||
<span class="prose lg:prose-lg text-md text-white">
|
||||
If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption)
|
||||
to {{ email_user }} [at] {{ email_domain }} or reach out to me on the Fediverse at <a href="https://{{ fediverse_url }}">{{ fediverse_handle }}</a>.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user