ChandimaPrabath commited on
Commit
113ad2c
·
1 Parent(s): b50f5bd
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: 1rem;
 
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">