From fab8e2a934fece612515e9673ce6f3a1d6cb7148 Mon Sep 17 00:00:00 2001 From: Steffen Deusch Date: Wed, 26 Feb 2025 18:46:22 +0100 Subject: [PATCH] update rounded-table-corner utility --- installer/templates/phx_assets/app.css | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/installer/templates/phx_assets/app.css b/installer/templates/phx_assets/app.css index da9d1eb0ea..f69cd6f0c9 100644 --- a/installer/templates/phx_assets/app.css +++ b/installer/templates/phx_assets/app.css @@ -20,12 +20,10 @@ /* Helper class for the default table component style that adds * rounded corners to the table rows. */ -@layer components { - .rounded-table-corner { - @apply - first:before:absolute first:before:h-full first:before:w-4 first:before:top-0 first:before:-left-4 first:before:group-hover:bg-zinc-50 first:before:sm:rounded-l-xl - last:before:absolute last:before:h-full last:before:w-4 last:before:top-0 last:before:-right-4 last:before:group-hover:bg-zinc-50 last:before:sm:rounded-r-xl; - } +@utility rounded-table-corner { + @apply + first:before:absolute first:before:h-full first:before:w-4 first:before:top-0 first:before:-left-4 first:before:group-hover:bg-zinc-50 first:before:sm:rounded-l-xl + last:before:absolute last:before:h-full last:before:w-4 last:before:top-0 last:before:-right-4 last:before:group-hover:bg-zinc-50 last:before:sm:rounded-r-xl; } /* This file is for your main application CSS */