cleanup/formatting + remove WIP 'alert', adjust radio station-tabs padding
This commit is contained in:
@@ -100,7 +100,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.station-tabs {
|
.station-tabs {
|
||||||
padding-top: 2%;
|
padding-top: 4%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Music bar and progress */
|
/* Music bar and progress */
|
||||||
|
@@ -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>
|
||||||
|
@@ -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"
|
||||||
|
Reference in New Issue
Block a user