silentsilas/phoenix-test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use rippleui instead of flowbite

Browse Source
This commit is contained in:
silentsilas
2024-09-03 08:41:00 -04:00
parent 13c9ada901
commit 8481ff917c
7 changed files with 1383 additions and 364 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
lib/quip_web/components/layouts/app.html.heex
View File

@@ -1,32 +1,14 @@
<header class="px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
<div class="flex items-center gap-4">
<a href="/">
<img src={~p"/images/logo.svg"} width="36" />
</a>
<p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
v<%= Application.spec(:phoenix, :vsn) %>
</p>
</div>
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
<a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700">
@elixirphoenix
</a>
<a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700">
GitHub
</a>
<a
href="https://hexdocs.pm/phoenix/overview.html"
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80"
>
Get Started <span aria-hidden="true">&rarr;</span>
</a>
</div>
</div>
<header>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/blog">Blog</a>
<a href="/notes">Notes</a>
<a href="/guestbook">Guestbook</a>
<a href="/contact">Contact</a>
</nav>
</header>
<main class="px-4 py-20 sm:px-6 lg:px-8">
<div class="mx-auto max-w-2xl">
<.flash_group flash={@flash} />
<%= @inner_content %>
</div>
<main>
<.flash_group flash={@flash} />
<%= @inner_content %>
</main>

2
lib/quip_web/components/layouts/root.html.heex
View File

@@ -11,7 +11,7 @@
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
</script>
</head>
<body class="bg-white">
<body>
<%= @inner_content %>
</body>
</html>