cleanup/formatting + remove WIP 'alert', adjust radio station-tabs padding

This commit is contained in:
2025-07-23 07:45:28 -04:00
parent e709c35bc1
commit 0ee80f4b49
3 changed files with 3 additions and 9 deletions

View File

@@ -100,7 +100,7 @@ body {
} }
.station-tabs { .station-tabs {
padding-top: 2%; padding-top: 4%;
} }
/* Music bar and progress */ /* Music bar and progress */

View File

@@ -4,8 +4,6 @@ import { API_URL } from '../config';
import { Player } from './AudioPlayer.jsx'; import { Player } from './AudioPlayer.jsx';
import { JoyUIRootIsland } from './Components.jsx'; import { JoyUIRootIsland } from './Components.jsx';
import { PrimeReactProvider } from "primereact/api"; import { PrimeReactProvider } from "primereact/api";
import Alert from '@mui/joy/Alert';
import WarningIcon from '@mui/icons-material/Warning';
import CustomToastContainer from '../components/ToastProvider.jsx'; import CustomToastContainer from '../components/ToastProvider.jsx';
import LyricSearch from './LyricSearch.jsx'; import LyricSearch from './LyricSearch.jsx';
import 'primereact/resources/themes/bootstrap4-light-blue/theme.css'; import 'primereact/resources/themes/bootstrap4-light-blue/theme.css';
@@ -23,13 +21,13 @@ export default function Root({child}) {
newestOnTop={true} newestOnTop={true}
closeOnClick={true}/> closeOnClick={true}/>
<JoyUIRootIsland> <JoyUIRootIsland>
<Alert {/* <Alert
className="alert" className="alert"
startDecorator={<WarningIcon />} startDecorator={<WarningIcon />}
variant="soft" variant="soft"
color="danger"> color="danger">
Work in progress... bugs are to be expected. Work in progress... bugs are to be expected.
</Alert> </Alert> */}
{child == "LyricSearch" && (<LyricSearch client:only="react" />)} {child == "LyricSearch" && (<LyricSearch client:only="react" />)}
{child == "Player" && (<Player client:only="react"></Player>)} {child == "Player" && (<Player client:only="react"></Player>)}
</JoyUIRootIsland> </JoyUIRootIsland>

View File

@@ -224,10 +224,6 @@ const progressColorClass =
style={{ width: `${progress}%` }} style={{ width: `${progress}%` }}
></div> ></div>
</div> </div>
<div className="music-control"> <div className="music-control">
<div <div
className="music-control__play" className="music-control__play"