nikos/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

app: add 'Skip to content' link for accessibility'

Browse source
This commit is contained in:
Nikos Papadakis 2023-08-17 13:24:09 +03:00
parent 6071e4d155
commit 20896ab5a3
Signed by untrusted user who does not match committer: nikos
GPG key ID: 78871F9905ADFF02
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/lib/prymn_web/components/layouts/app.html.heex
View file

@ -1,4 +1,10 @@
<header class="px-4 sm:px-6 lg:px-8"> <header class="px-4 sm:px-6 lg:px-8">
<a
href="#main"
class="absolute left-0 -translate-y-full bg-black p-2 text-white transition-transform focus:transform-none"
>
<%= gettext("Skip to content") %>
</a>
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm"> <div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a href="/"> <a href="/">
@ -30,7 +36,7 @@
</div> </div>
</div> </div>
</header> </header>
<main class="px-4 py-20 sm:px-6 lg:px-8"> <main id="main" class="px-4 py-20 sm:px-6 lg:px-8">
<div class="mx-auto max-w-2xl"> <div class="mx-auto max-w-2xl">
<.flash_group flash={@flash} /> <.flash_group flash={@flash} />
<%= @inner_content %> <%= @inner_content %>