From feee72b9d2bf3c7136b43523d902c8002a6c996f Mon Sep 17 00:00:00 2001
From: inhji <johnnie@posteo.de>
Date: Fri, 7 Jul 2023 13:48:21 +0200
Subject: [PATCH] =?UTF-8?q?=E2=80=9Elib/chiya=5Fweb/controllers/page=5Fhtm?=
 =?UTF-8?q?l/about.html.heex=E2=80=9C=20=C3=A4ndern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controllers/page_html/about.html.heex     | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/lib/chiya_web/controllers/page_html/about.html.heex b/lib/chiya_web/controllers/page_html/about.html.heex
index 138f035..41542ad 100644
--- a/lib/chiya_web/controllers/page_html/about.html.heex
+++ b/lib/chiya_web/controllers/page_html/about.html.heex
@@ -1,24 +1,26 @@
-<article class="h-card hcard">
-  <section class="p-10 bg-theme-background1 flex gap-3 items-start">
-    <div>
-      <img
-        class="rounded-lg w-28 | u-photo"
-        src={ChiyaWeb.Uploaders.UserImage.url({@user.user_image, @current_user}, :thumb)}
-      />
-    </div>
-    <div>
-      <h1 class="text-3xl font-extrabold leading-10 tracking-tight text-theme-primary | p-name">
-        <%= @user.name %>
-      </h1>
-      <section class="mx-auto mt-8 prose prose-gruvbox | p-note">
-        <%= Markdown.render(@user.bio) |> raw() %>
-      </section>
-    </div>
-  </section>
-
-  <%= if @note do %>
-    <section class="mx-auto mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl | p-summary e-content">
-      <%= Markdown.render(@note.content) |> raw %>
+<section class="max-w-2xl mx-auto">
+  <article class="h-card hcard">
+    <section class="p-10 bg-theme-background1 flex gap-3 items-start">
+      <div>
+        <img
+          class="rounded-lg w-28 | u-photo"
+          src={ChiyaWeb.Uploaders.UserImage.url({@user.user_image, @current_user}, :thumb)}
+        />
+      </div>
+      <div>
+        <h1 class="text-3xl font-extrabold leading-10 tracking-tight text-theme-primary | p-name">
+          <%= @user.name %>
+        </h1>
+        <section class="mx-auto mt-8 prose prose-gruvbox | p-note">
+          <%= Markdown.render(@user.bio) |> raw() %>
+        </section>
+      </div>
     </section>
-  <% end %>
-</article>
+
+    <%= if @note do %>
+      <section class="mx-auto mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl | p-summary e-content">
+        <%= Markdown.render(@note.content) |> raw %>
+      </section>
+    <% end %>
+  </article>
+</section>