cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add canonical_tailwind to get correct formatting for tailwind classes

Browse Source
This commit is contained in:
Claudio Ortolina
2026-03-20 13:02:32 +00:00
parent ccc929e939
commit 47ca6fa1d2
41 changed files with 467 additions and 463 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/layouts/app.html.heex
+12 -12
View File
@@ -1,9 +1,9 @@
<div
:if={assigns[:static_changed]}
class="bg-yellow-100 dark:bg-yellow-900 border-b border-yellow-300 dark:border-yellow-700 px-4 py-2 text-center text-sm text-yellow-700 dark:text-yellow-200"
class="border-b border-yellow-300 bg-yellow-100 px-4 py-2 text-center text-sm text-yellow-700 dark:border-yellow-700 dark:bg-yellow-900 dark:text-yellow-200"
>
{gettext("The application has been updated.")}
<a href="" onclick="window.location.reload()" class="underline font-medium">
<a href="" onclick="window.location.reload()" class="font-medium underline">
{gettext("Reload")}
</a>
</div>
@@ -15,7 +15,7 @@
<.nav_link route={~p"/"} section={:stats} current_section={@current_section}>
<.icon
name="hero-chart-pie"
class="max-sm:hidden h-4 w-4 mr-2"
class="mr-2 size-4 max-sm:hidden"
aria-hidden="true"
data-slot="icon"
/>
@@ -28,7 +28,7 @@
>
<.icon
name="hero-circle-stack"
class="max-sm:hidden h-4 w-4 mr-2"
class="mr-2 size-4 max-sm:hidden"
aria-hidden="true"
data-slot="icon"
/>
@@ -37,7 +37,7 @@
<.nav_link route={~p"/wishlist"} section={:wishlist} current_section={@current_section}>
<.icon
name="hero-star"
class="max-sm:hidden h-4 w-4 mr-2"
class="mr-2 size-4 max-sm:hidden"
aria-hidden="true"
data-slot="icon"
/>
@@ -50,7 +50,7 @@
>
<.icon
name="hero-rectangle-stack"
class="max-sm:hidden h-4 w-4 mr-2"
class="mr-2 size-4 max-sm:hidden"
aria-hidden="true"
data-slot="icon"
/>
@@ -67,7 +67,7 @@
<span class="sr-only">{gettext("Actions")}</span>
<.icon
name="hero-ellipsis-vertical"
class="icon text-zinc-500 dark:text-zinc-400 cursor-pointer"
class="icon cursor-pointer text-zinc-500 dark:text-zinc-400"
aria-hidden="true"
data-slot="icon"
/>
@@ -117,25 +117,25 @@
<.dropdown_link href={~p"/dev/dashboard"}>
<.icon
name="hero-chart-bar"
class="h-4 w-4 mr-2"
class="mr-2 size-4"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Live Dashboard")}
</.dropdown_link>
<.dropdown_link href={~p"/dev/oban"}>
<.icon name="hero-cog" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
<.icon name="hero-cog" class="mr-2 size-4" aria-hidden="true" data-slot="icon" />
{gettext("Oban")}
</.dropdown_link>
<.dropdown_link href={~p"/dev/errors"}>
<.icon name="hero-bug-ant" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
<.icon name="hero-bug-ant" class="mr-2 size-4" aria-hidden="true" data-slot="icon" />
{gettext("Errors")}
</.dropdown_link>
<.dropdown_separator />
<.dropdown_link href={~p"/login"}>
<.icon
name="hero-arrow-left-start-on-rectangle"
class="h-4 w-4 mr-2"
class="mr-2 size-4"
aria-hidden="true"
data-slot="icon"
/>
@@ -147,7 +147,7 @@
</div>
</div>
</nav>
<main class="px-4 py-4 sm:px-6 lg:px-8">
<main class="p-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-screen-2xl">
<LiveToast.toast_group
flash={@flash}
lib/music_library_web/components/layouts/root.html.heex
+5 -5
View File
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="[scrollbar-gutter:stable] scroll-smooth subpixel-antialiased">
<html lang="en" class="scroll-smooth subpixel-antialiased [scrollbar-gutter:stable]">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
@@ -39,9 +39,9 @@
<body class="bg-white dark:bg-zinc-900">
{@inner_content}
<footer class="mt-4 border-t border-slate-900/10 dark:border-slate-300/10">
<div class="mx-auto max-w-screen-2xl pb-8 px-4 sm:px-8 2xl:px-0">
<div class="pt-4 flex items-center justify-between">
<div class="flex gap-x-6 order-2">
<div class="mx-auto max-w-screen-2xl px-4 pb-8 sm:px-8 2xl:px-0">
<div class="flex items-center justify-between pt-4">
<div class="order-2 flex gap-x-6">
<a
href="https://github.com/cloud8421/music_library"
class="text-zinc-600 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-300"
@@ -56,7 +56,7 @@
</svg>
</a>
</div>
<p class="text-sm/6 text-zinc-600 dark:text-zinc-400 order-1">
<p class="order-1 text-sm/6 text-zinc-600 dark:text-zinc-400">
<span>{gettext("Made by")}</span>
<a
class="font-medium text-zinc-500 hover:border-zinc-300 hover:text-zinc-700 dark:text-zinc-300 dark:hover:text-zinc-200"