Move theme CSS files from public to src and fix imports

Next.js cannot import CSS from the /public directory - it's for static assets only. Moved theme-backstage.css and theme-spotify.css from /public to /src/css and updated imports to use proper relative paths. This fixes the @next/next/no-css-tags ESLint warnings and follows Next.js best practices for CSS imports. Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
2026-01-29 15:10:00 +00:00
parent ad435e4344
commit 73b56cc9c4
3 changed files with 3 additions and 4 deletions
@@ -8,6 +8,9 @@ import { MobileBottomNav } from '@/components/MobileBottomNav';
 import styles from './layout.module.css';

 import '../css/globals.css';
+import '../css/theme-backstage.css';
+import '../css/theme-spotify.css';
+

 export const metadata: Metadata = {
  title: 'Backstage UI',
@@ -47,10 +50,6 @@ export default async function RootLayout({
      data-theme-name="backstage"
      suppressHydrationWarning
    >
-      <head>
-        <link rel="stylesheet" href="/theme-backstage.css" />
-        <link rel="stylesheet" href="/theme-spotify.css" />
-      </head>
      <body>
        <Providers>
          <Sidebar />