daboh/plottservice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added back to top button

Browse Source
This commit is contained in:
David Böhm
2024-09-18 06:45:18 +02:00
parent 472236e6f5
commit bf87e09bc6
2 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/views/layouts/_back_to_top.html.erb Normal file
View File

@@ -0,0 +1,23 @@
<!-- Back to top button -->
<%= link_to "#" do %>
<button
type="button"
data-twe-ripple-init
data-twe-ripple-color="light"
class="!fixed bottom-5 end-5 rounded-full bg-hsrm-red p-3 text-xs font-medium uppercase leading-tight text-white shadow-md transition duration-150 ease-in-out hover:bg-hsrm-red-light hover:shadow-lg focus:bg-hsrm-red-light focus:shadow-lg focus:outline-none focus:ring-0 active:bg-hsrm-red-light active:shadow-lg"
id="btn-back-to-top">
<span class="[&>svg]:w-4">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="3"
stroke="currentColor">
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
</svg>
</span>
</button>
<% end %>

1
app/views/layouts/application.html.erb
View File

@@ -13,6 +13,7 @@
<body class="bg-white"> <body class="bg-white">
<%= render "layouts/flash" %> <%= render "layouts/flash" %>
<%= render "layouts/header" %> <%= render "layouts/header" %>
<%= render "layouts/back_to_top" %>
<main class="container px-4 mx-auto mt-4"> <main class="container px-4 mx-auto mt-4">
<%= yield %> <%= yield %>
</main> </main>