Spaces:
Sleeping
Sleeping
File size: 1,808 Bytes
21986a1 ba6c831 98f877e b615593 21986a1 113ad2c 21986a1 ffc893c ba6c831 96b94b7 113ad2c ffc893c 21986a1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
"use client";
import localFont from "next/font/local";
import "./globals.css";
import MusicPlayer from "@/components/MusicPlayer";
import { MusicPlayerProvider } from "@/context/MusicPlayerContext";
import { AppProgressBar as ProgressBar } from "next-nprogress-bar";
import Header from "@/components/Header";
import PlayQueue from "@/components/PlaylQueue";
const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});
export default function RootLayout({ children }) {
return (
<html lang="en">
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicon-16x16.png"
/>
<link rel="manifest" href="/site.webmanifest" />
</head>
<MusicPlayerProvider>
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased max-h-screen overflow-hidden`}
>
<ProgressBar
height="5px"
color="var(--foreground-secondary)"
options={{ showSpinner: false }}
shallowRouting
/>
<Header />
<div className="app-container">{children} </div>
<footer className="bottom-0 flex items-center w-full">
<PlayQueue isPlayQueueOpen={false} />
<MusicPlayer />
</footer>
</body>
</MusicPlayerProvider>
</html>
);
}
|