From 79f5eaf40b93d64be74d8b4f1ef80d19fadbfbe1 Mon Sep 17 00:00:00 2001
From: Paweł Bernaciak <pawelbernaciak@zohomail.eu>
Date: Fri, 29 Dec 2023 09:41:56 +0100
Subject: Cywilizowany tailwind

---
 CoreWiki/Pages/Details.cshtml | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

(limited to 'CoreWiki/Pages/Details.cshtml')

diff --git a/CoreWiki/Pages/Details.cshtml b/CoreWiki/Pages/Details.cshtml
index 9f48f9f..3b7dff1 100644
--- a/CoreWiki/Pages/Details.cshtml
+++ b/CoreWiki/Pages/Details.cshtml
@@ -5,16 +5,32 @@
     ViewData["Title"] = Model.Article.Topic;
 }
 
-<h1>@Model.Article.Topic</h1>
-<h5>Last Published: <span data-value="@Model.Article.Published" class="timeStampValue">@Model.Article.Published</span></h5>
+<div class="h-full">
+    <h2>@Model.Article.Topic</h2>
+    <p class="text-sm text-gray-500">Last Published: <span data-value="@Model.Article.Published" class="timeStampValue">@Model.Article.Published</span></p>
+    <p class="text-sm text-gray-500">Reading time: @Model.Article.EstimatedReadingTime minutes</p>
+    <p class="text-sm text-gray-500">Views: @Model.Article.ViewCount</p>
 
-<markdown markdown="Article.Content"/>
+    <markdown markdown="Article.Content"/>
+</div>
 
-<div>
-    <a asp-page="./Edit" asp-route-slug="@Model.Article.Slug">Edit</a>
+<div class="mt-4">
+    <a class="text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 font-medium rounded text-sm px-3.5 py-2 focus:outline-none"
+       asp-page="./Edit"
+       asp-route-slug="@Model.Article.Slug">Edit</a>
     @if (Model.Article.Slug != "home-page")
     {
-        <text>| </text> <a href="~/">Back to Home</a>
+        <a class="text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 font-medium rounded text-sm px-3.5 py-2 focus:outline-none"
+           href="~/">Back to Home</a>
     }
 </div>
 
+<br/>
+<div class="mt-auto cursor-pointer" x-data="{ formOpen: false, commentsOpen: false }" id="comments">
+    <partial name="_comments" model="@Model"/>
+</div>
+
+@section Styles
+{
+    <link href="~/lib/simplemde/simplemde.min.css" rel="stylesheet"/>
+}
\ No newline at end of file
-- 
cgit v1.2.3