Klectr/KRadio
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style: add widths and heights to various components

Browse Source
This commit is contained in:
Triston Armstrong 2024-04-24 18:15:57 -04:00
parent 37294489a8
commit aeefde761a
No known key found for this signature in database
GPG Key ID: FADE6AC6F956FC52
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/App.tsx
View File

@ -1,7 +1,7 @@
import { useEffect } from "kaioken"
import { useStorage } from "./hooks/storageStores"
import { useStationsStore } from "./hooks/stationStores"
import { MusicPlayer, Popular, LocalRadio, RecommendedRadio, Navigation } from "./components"
import { Popular, Navigation } from "./components"
export function App() {
const { getStationsFile } = useStorage()
@ -32,14 +32,15 @@ export function App() {
{/* Right Section __________*/}
<div className="flex-1 min-h-[98vh] max-h-[98vh] flex h-0 p-2">
<div className="flex-1 min-h-[98vh] max-h-[98vh] flex h-0 p-2 min-w-0">
<div className="bg-gray-200 w-full border rounded-xl p-4 flex-col flex gap-4">
<MusicPlayer />
{/*<MusicPlayer />*/}
<Popular />
{/* Bottom Section __________*/}
<div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4">
<LocalRadio />
<RecommendedRadio />
<div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4 bg-white">
{/*<LocalRadio />*/}
{/*<RecommendedRadio />*/}
</div>
</div>
</div>

10
src/styles.css
View File

@ -13,12 +13,12 @@
}
html,
body {
body,
#root {
margin: 0 !important;
}
body {
@apply flex flex-col;
overlay: hidden;
max-width: 100vw;
max-height: 100vh;
}
.paper {