diff --git a/package.json b/package.json index 20df0e82..c72e5baf 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,8 @@ "web-vitals": "^2.1.4" }, "scripts": { - "start": "set PORT=5000 &&react-scripts start", + "start": "set port=5000 && react-scripts start", + "json-server": "npx json-server data.json --port 3000", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", diff --git a/src/App.css b/src/App.css index 12d79641..6f9a00aa 100644 --- a/src/App.css +++ b/src/App.css @@ -21,7 +21,8 @@ } .Footer { - height: 200px; + height: 150px; + align-items: center; } .bg-slate-300 { @@ -33,11 +34,23 @@ display: flex; flex-direction: column; justify-content: center; - width: 75%; height: 300px; } #playlistButton { align-self: center; +} + +#footer-text { + color: white; + font: 1em sans-serif; +} + +#current-track { + height: 20%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } \ No newline at end of file diff --git a/src/App.tsx b/src/App.tsx index 518d162c..5c7ebdf9 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -47,7 +47,7 @@ function App() { return ( -
2022 Music Service
+