sphericalkat/katbin
1
0
Fork 0
Code Issues 5 Pull Requests 12 Actions Packages Projects Releases Wiki Activity

refactor(styles): unify look and feel across pages

Browse Source 
Signed-off-by: SphericalKat <amolele@gmail.com>
This commit is contained in:
Amogh Lele 2021-08-15 04:53:50 +05:30
parent 0618654ad5
commit 7374d7189e
No known key found for this signature in database
GPG Key ID: ED5C54FBBB920E51
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/css/app.css
View File

@ -6,6 +6,8 @@
* { * {
font-family: "JetBrains Mono", monospace; font-family: "JetBrains Mono", monospace;
color: white; color: white;
font-size: 14px;
font-weight: bold;
} }
html, html,
@ -32,6 +34,11 @@ code {
font-weight: bold; font-weight: bold;
} }
textarea {
font-size: 14px;
font-weight: bold;
}
.alert { .alert {
width: 100%; width: 100%;
text-align: center; text-align: center;

2
lib/ketbin_web/templates/layout/app.html.eex
View File

@ -42,7 +42,7 @@
© <%= DateTime.utc_now().year %> SphericalKat © <%= DateTime.utc_now().year %> SphericalKat
</a> </a>
<a href="https://github.com/sphericalkat/katbin-elixir"> <a href="https://github.com/sphericalkat/katbin-elixir">
GitHub Fork me!
</a> </a>
</div> </div>
</footer> </footer>

4
lib/ketbin_web/templates/page/show.html.eex
View File

@ -1,5 +1,5 @@
<div class="flex relative flex-col w-full h-full"> <div class="flex relative flex-col w-full h-full">
<div class="flex absolute top-0 right-0 p-4 "> <div class="flex absolute top-0 right-0 p-4">
<%= if @show_edit do%> <%= if @show_edit do%>
<a href="<%= Routes.page_path(@conn, :edit, @paste.id) %>" class="text-white hover:text-amber"> <a href="<%= Routes.page_path(@conn, :edit, @paste.id) %>" class="text-white hover:text-amber">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 w-6 cursor-pointer fill-current"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 w-6 cursor-pointer fill-current">
@ -8,5 +8,5 @@
</a> </a>
<% end %> <% end %>
</div> </div>
<code class="break-word pl-2 h-full w-full nomarkdown overflow-y-auto"><%= @paste.content %></code> <code class="break-word px-6 py-4 h-full w-full nomarkdown overflow-y-auto"><%= @paste.content %></code>
</div> </div>