remote/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2026-11-08 03:08:50 +01:00
Code Issues Projects Releases Packages Wiki Activity

feat: optimized for small screens (only)

Browse source
This commit is contained in:
Deluan 2020-02-07 12:36:26 -05:00
commit 2ca98d8e81
7 changed files with 165 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

8
ui/src/common/Title.js
View file

@ -1,7 +1,13 @@
import React from 'react'
import { useMediaQuery } from '@material-ui/core'
const Title = ({ subTitle }) => {
return <span>Navidrome {subTitle ? ` - ${subTitle}` : ''}</span>
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
if (isDesktop) {
return <span>Navidrome {subTitle ? ` - ${subTitle}` : ''}</span>
}
return <span>{subTitle ? subTitle : 'Navidrome'}</span>
}
export default Title