update rounded-table-corner utility

phoenixframework · Feb 26, 2025 · fab8e2a · fab8e2a
1 parent 76b0bff
commit fab8e2a
Showing 1 changed file with 4 additions and 6 deletions.
diff --git 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 */