fix(ui): fix misc ui bugs

Signed-off-by: SphericalKat <amolele@gmail.com>
This commit is contained in:
Amogh Lele 2021-08-15 01:25:18 +05:30
parent 75ac6be3a6
commit 16a0c7ec98
No known key found for this signature in database
GPG Key ID: ED5C54FBBB920E51
5 changed files with 29 additions and 7 deletions

View File

@ -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;
}

View File

@ -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

View File

@ -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>

View File

@ -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">

View File

@ -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>