marco/yt-dlp-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix footer

Browse Source
This commit is contained in:
marcobaobao
2022-02-22 16:11:18 +01:00
parent ff71c45bc1
commit 5159c239d5
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Footer.tsx
View File

@@ -8,6 +8,8 @@ type Props = {
connected: boolean, connected: boolean,
} }
const isDesktop = window.innerWidth > 510;
export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props) => { export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props) => {
return ( return (
<footer className="footer"> <footer className="footer">
@@ -19,10 +21,13 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
<HddStackFill></HddStackFill> {' '} <HddStackFill></HddStackFill> {' '}
<small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small> <small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small>
</span> </span>
<span className="px-3 separator"> {isDesktop ?
<Ethernet></Ethernet> {' '} <span className="px-3 separator">
<small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small> <Ethernet></Ethernet> {' '}
</span> <small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small>
</span> :
null
}
<span className="px-3 separator"> <span className="px-3 separator">
<small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}> <small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}>
{connected ? {connected ?