From 16a0c7ec986ae04d5c1fe07d8b619c6d89ad12e2 Mon Sep 17 00:00:00 2001
From: SphericalKat <amolele@gmail.com>
Date: Sun, 15 Aug 2021 01:25:18 +0530
Subject: [PATCH] fix(ui): fix misc ui bugs

Signed-off-by: SphericalKat <amolele@gmail.com>
---
 assets/css/app.css                           |  8 +++++++-
 lib/ketbin_web/router.ex                     |  2 +-
 lib/ketbin_web/templates/layout/app.html.eex | 20 +++++++++++++++++++-
 lib/ketbin_web/templates/page/form.html.eex  |  2 +-
 lib/ketbin_web/templates/page/show.html.eex  |  4 +---
 5 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index f97f835..ca2210c 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -15,7 +15,7 @@ body {
 }
 
 a:hover {
-  @apply text-amber;
+  color: #ff9800
 }
 
 header {
@@ -25,3 +25,9 @@ header {
 code {
   font-family: "JetBrains Mono", monospace;
 }
+
+code {
+	white-space: pre;
+	font-size: 14px;
+	font-weight: bold;
+}
\ No newline at end of file
diff --git a/lib/ketbin_web/router.ex b/lib/ketbin_web/router.ex
index 3d5ee79..c61cd0f 100644
--- a/lib/ketbin_web/router.ex
+++ b/lib/ketbin_web/router.ex
@@ -17,7 +17,7 @@ defmodule KetbinWeb.Router do
   end
 
   scope "/", KetbinWeb do
-    pipe_through [:browser, :fetch_current_user]
+    pipe_through :browser
 
     get "/", PageController, :index
     get "/:id", PageController, :show
diff --git a/lib/ketbin_web/templates/layout/app.html.eex b/lib/ketbin_web/templates/layout/app.html.eex
index ad82c23..619956b 100644
--- a/lib/ketbin_web/templates/layout/app.html.eex
+++ b/lib/ketbin_web/templates/layout/app.html.eex
@@ -31,10 +31,28 @@
       </nav>
 
     </header>
-    <main class="w-full h-full bg-light-grey" role="main">
+    <main class="flex flex-col w-full h-full max-h-full overflow-hidden bg-light-grey" role="main">
       <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
       <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
       <%= @inner_content %>
     </main>
+    <footer class="font-bold">
+      <div class="copy-bg sm:hidden">
+      <button aria-label="Copy" viewbox="0 0 24 24" class="h-6 w-6 cursor-pointer fill-current text-white mr-4 copy-btn"">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
+          <path d="M0 0h24v24H0z" fill="none"></path>
+          <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path>
+        </svg>
+      </button>
+    </div>
+    <div class="flex px-4 py-1 text-xs sm:text-base justify-between text-amber" style="background: #1a1a1a; font-family: JetbrainsMono">
+      <a href="https://sphericalk.at">
+        © <%= DateTime.utc_now().year %> SphericalKat
+      </a>
+      <a href="https://github.com/sphericalkat/katbin-elixir">
+        GitHub
+      </a>
+      </div>
+    </footer>
   </body>
 </html>
diff --git a/lib/ketbin_web/templates/page/form.html.eex b/lib/ketbin_web/templates/page/form.html.eex
index be761f5..56e71f0 100644
--- a/lib/ketbin_web/templates/page/form.html.eex
+++ b/lib/ketbin_web/templates/page/form.html.eex
@@ -5,7 +5,7 @@
         </div>
     <% end %>
 
-    <div>
+    <div class="w-full h-full">
         <%= textarea f, :content, [class: "w-full h-full px-6 py-4 outline-none bg-light-grey font-bold resize-none", placeholder: "> Paste, save, share! (Pasting just a URL will shorten it!)"] %>
         <div class="absolute top-0 right-0 p-4">
             <button type="submit">
diff --git a/lib/ketbin_web/templates/page/show.html.eex b/lib/ketbin_web/templates/page/show.html.eex
index 85ad57d..91fdc79 100644
--- a/lib/ketbin_web/templates/page/show.html.eex
+++ b/lib/ketbin_web/templates/page/show.html.eex
@@ -1,4 +1,2 @@
 
-<pre class="py-6 font-bold">
-	<code><%= @paste.content %></code>
-</pre>
+	<code class="break-word pl-2 h-full w-full nomarkdown overflow-y-auto"><%= @paste.content %></code>