Update the article blocks to make the content uncentered.

This commit is contained in:
2024-04-18 17:44:08 +03:00
parent da7b6e6122
commit a5ffc29eba
2 changed files with 6 additions and 6 deletions
+3 -3
View File
@@ -1,8 +1,8 @@
<section x-data="{ showArticle: false }" hx-target="this">
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-6">
<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
<div class="mx-auto max-w-screen-sm">
<h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">{{ article.title }}</h2>
<p class="mb-3 text-base text-gray-500 dark:text-gray-400">{{{ article-timestamp article.created }}}</time></p>
<h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white text-center">{{ article.title }}</h2>
<p class="mb-3 text-base text-gray-500 dark:text-gray-400 text-center">{{{ article-timestamp article.created }}}</time></p>
<p x-show="!showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ article.content }} {{ is-brief article.content_length }} </p>
<p x-show="showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ article.content }} </p>
+3 -3
View File
@@ -1,8 +1,8 @@
<section x-data="{ showArticle: true }">
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-6">
<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
<div class="mx-auto max-w-screen-sm">
<h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">{{ article.title }}</h2>
<p class="mb-3 text-base text-gray-500 dark:text-gray-400">{{{ article-timestamp article.created }}}</time></p>
<h2 class="mb-1 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white text-center">{{ article.title }}</h2>
<p class="mb-3 text-base text-gray-500 dark:text-gray-400 text-center">{{{ article-timestamp article.created }}}</time></p>
<p x-show="!showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ truncatestring article.content 60 }} </p>
<p x-show="showArticle" class="mb-4 font-light text-gray-500 lg:mb-8 sm:text-xl dark:text-gray-400"> {{ article.content }} </p>