Spaces:
Running
Running
Commit ·
113ad2c
1
Parent(s): b50f5bd
logo
Browse files- frontend/public/android-chrome-192x192.png +0 -0
- frontend/public/android-chrome-512x512.png +0 -0
- frontend/public/apple-touch-icon.png +0 -0
- frontend/public/favicon-16x16.png +0 -0
- frontend/public/favicon-32x32.png +0 -0
- frontend/public/favicon.ico +0 -0
- frontend/public/file.svg +0 -1
- frontend/public/globe.svg +0 -1
- frontend/public/next.svg +0 -1
- frontend/public/site.webmanifest +29 -0
- frontend/public/vercel.svg +0 -1
- frontend/public/window.svg +0 -1
- frontend/src/app/layout.js +21 -1
- frontend/src/components/Header.css +4 -1
- frontend/src/components/Header.js +1 -0
frontend/public/android-chrome-192x192.png
ADDED
|
frontend/public/android-chrome-512x512.png
ADDED
|
frontend/public/apple-touch-icon.png
ADDED
|
|
frontend/public/favicon-16x16.png
ADDED
|
|
frontend/public/favicon-32x32.png
ADDED
|
|
frontend/public/favicon.ico
ADDED
|
|
frontend/public/file.svg
DELETED
frontend/public/globe.svg
DELETED
frontend/public/next.svg
DELETED
frontend/public/site.webmanifest
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{
|
| 2 |
+
"name": "Nexora Music",
|
| 3 |
+
"short_name": "NM",
|
| 4 |
+
"icons": [
|
| 5 |
+
{
|
| 6 |
+
"src": "/android-chrome-192x192.png",
|
| 7 |
+
"sizes": "192x192",
|
| 8 |
+
"type": "image/png"
|
| 9 |
+
},
|
| 10 |
+
{
|
| 11 |
+
"src": "/android-chrome-512x512.png",
|
| 12 |
+
"sizes": "512x512",
|
| 13 |
+
"type": "image/png"
|
| 14 |
+
},
|
| 15 |
+
{
|
| 16 |
+
"src": "/android-chrome-512x512.png",
|
| 17 |
+
"sizes": "512x512",
|
| 18 |
+
"type": "image/png"
|
| 19 |
+
}
|
| 20 |
+
],
|
| 21 |
+
"theme_color": "#0b5da9",
|
| 22 |
+
"background_color": "#080523",
|
| 23 |
+
"display": "standalone",
|
| 24 |
+
"start_url": "/",
|
| 25 |
+
"scope": "/",
|
| 26 |
+
"description": "Experience the best in music streaming with Nexora Music, your ultimate music companion.",
|
| 27 |
+
"orientation": "portrait-primary",
|
| 28 |
+
"prefer_related_applications": false
|
| 29 |
+
}
|
frontend/public/vercel.svg
DELETED
frontend/public/window.svg
DELETED
frontend/src/app/layout.js
CHANGED
|
@@ -22,6 +22,26 @@ const geistMono = localFont({
|
|
| 22 |
export default function RootLayout({ children }) {
|
| 23 |
return (
|
| 24 |
<html lang="en">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 25 |
<MusicPlayerProvider>
|
| 26 |
<body
|
| 27 |
className={`${geistSans.variable} ${geistMono.variable} antialiased max-h-screen overflow-hidden`}
|
|
@@ -35,7 +55,7 @@ export default function RootLayout({ children }) {
|
|
| 35 |
<Header />
|
| 36 |
<div className="app-container">{children} </div>
|
| 37 |
<footer className="bottom-0 flex items-center w-full">
|
| 38 |
-
<PlayQueue isPlayQueueOpen={false}/>
|
| 39 |
<MusicPlayer />
|
| 40 |
</footer>
|
| 41 |
</body>
|
|
|
|
| 22 |
export default function RootLayout({ children }) {
|
| 23 |
return (
|
| 24 |
<html lang="en">
|
| 25 |
+
<head>
|
| 26 |
+
<link
|
| 27 |
+
rel="apple-touch-icon"
|
| 28 |
+
sizes="180x180"
|
| 29 |
+
href="/apple-touch-icon.png"
|
| 30 |
+
/>
|
| 31 |
+
<link
|
| 32 |
+
rel="icon"
|
| 33 |
+
type="image/png"
|
| 34 |
+
sizes="32x32"
|
| 35 |
+
href="/favicon-32x32.png"
|
| 36 |
+
/>
|
| 37 |
+
<link
|
| 38 |
+
rel="icon"
|
| 39 |
+
type="image/png"
|
| 40 |
+
sizes="16x16"
|
| 41 |
+
href="/favicon-16x16.png"
|
| 42 |
+
/>
|
| 43 |
+
<link rel="manifest" href="/site.webmanifest" />
|
| 44 |
+
</head>
|
| 45 |
<MusicPlayerProvider>
|
| 46 |
<body
|
| 47 |
className={`${geistSans.variable} ${geistMono.variable} antialiased max-h-screen overflow-hidden`}
|
|
|
|
| 55 |
<Header />
|
| 56 |
<div className="app-container">{children} </div>
|
| 57 |
<footer className="bottom-0 flex items-center w-full">
|
| 58 |
+
<PlayQueue isPlayQueueOpen={false} />
|
| 59 |
<MusicPlayer />
|
| 60 |
</footer>
|
| 61 |
</body>
|
frontend/src/components/Header.css
CHANGED
|
@@ -16,11 +16,14 @@
|
|
| 16 |
color: var(--foreground);
|
| 17 |
font-size: 24px;
|
| 18 |
font-weight: bold;
|
|
|
|
|
|
|
| 19 |
}
|
| 20 |
|
| 21 |
.header-music{
|
| 22 |
font-weight: 300;
|
| 23 |
-
font-size:
|
|
|
|
| 24 |
color: var(--foreground-4);
|
| 25 |
}
|
| 26 |
|
|
|
|
| 16 |
color: var(--foreground);
|
| 17 |
font-size: 24px;
|
| 18 |
font-weight: bold;
|
| 19 |
+
display: flex;
|
| 20 |
+
gap: 5px;
|
| 21 |
}
|
| 22 |
|
| 23 |
.header-music{
|
| 24 |
font-weight: 300;
|
| 25 |
+
font-size: .8rem;
|
| 26 |
+
line-height: .8rem;
|
| 27 |
color: var(--foreground-4);
|
| 28 |
}
|
| 29 |
|
frontend/src/components/Header.js
CHANGED
|
@@ -8,6 +8,7 @@ const Header = () => {
|
|
| 8 |
<header className="header">
|
| 9 |
<div className="header-container">
|
| 10 |
<h1 className="logo">
|
|
|
|
| 11 |
Nexora<sup className="header-music">Music</sup>
|
| 12 |
</h1>
|
| 13 |
<nav className="nav">
|
|
|
|
| 8 |
<header className="header">
|
| 9 |
<div className="header-container">
|
| 10 |
<h1 className="logo">
|
| 11 |
+
<img src="/favicon-32x32.png"/>
|
| 12 |
Nexora<sup className="header-music">Music</sup>
|
| 13 |
</h1>
|
| 14 |
<nav className="nav">
|