mirror of
https://github.com/navidrome/navidrome.git
synced 2025-04-29 09:51:46 +03:00
Enhanced Mobile Login Screen (#953)
* Enhanced Mobile Login Screen * Removed duplicate line of code * Add support for desktop * Remove conflict * Reset button style * Change Login
This commit is contained in:
parent
b10f491de8
commit
c75314c605
@ -33,14 +33,17 @@ const useStyles = makeStyles(
|
|||||||
card: {
|
card: {
|
||||||
minWidth: 300,
|
minWidth: 300,
|
||||||
marginTop: '6em',
|
marginTop: '6em',
|
||||||
|
overflow: 'visible',
|
||||||
},
|
},
|
||||||
avatar: {
|
avatar: {
|
||||||
margin: '1em',
|
margin: '1em',
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
|
marginTop: '-3em',
|
||||||
},
|
},
|
||||||
icon: {
|
icon: {
|
||||||
width: '40px',
|
backgroundColor: 'transparent',
|
||||||
|
width: '6.3em',
|
||||||
},
|
},
|
||||||
systemName: {
|
systemName: {
|
||||||
marginTop: '1em',
|
marginTop: '1em',
|
||||||
@ -65,7 +68,10 @@ const useStyles = makeStyles(
|
|||||||
actions: {
|
actions: {
|
||||||
padding: '0 1em 1em 1em',
|
padding: '0 1em 1em 1em',
|
||||||
},
|
},
|
||||||
systemNameLink: {},
|
button: {},
|
||||||
|
systemNameLink: {
|
||||||
|
textDecoration: 'none',
|
||||||
|
},
|
||||||
}),
|
}),
|
||||||
{ name: 'NDLogin' }
|
{ name: 'NDLogin' }
|
||||||
)
|
)
|
||||||
|
@ -17,11 +17,20 @@ export default {
|
|||||||
},
|
},
|
||||||
NDLogin: {
|
NDLogin: {
|
||||||
systemNameLink: {
|
systemNameLink: {
|
||||||
color: '#fff',
|
color: '#0085ff',
|
||||||
},
|
},
|
||||||
|
icon: {},
|
||||||
welcome: {
|
welcome: {
|
||||||
color: '#eee',
|
color: '#eee',
|
||||||
},
|
},
|
||||||
|
card: {
|
||||||
|
minWidth: 300,
|
||||||
|
backgroundColor: '#424242ed',
|
||||||
|
},
|
||||||
|
avatar: {},
|
||||||
|
button: {
|
||||||
|
boxShadow: '3px 3px 5px #000000a3',
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
player: {
|
player: {
|
||||||
|
@ -17,6 +17,35 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
NDLogin: {
|
||||||
|
main: {
|
||||||
|
'& .MuiFormLabel-root': {
|
||||||
|
color: '#000000',
|
||||||
|
},
|
||||||
|
'& .MuiFormLabel-root.Mui-focused': {
|
||||||
|
color: '#0085ff',
|
||||||
|
},
|
||||||
|
'& .MuiFormLabel-root.Mui-error': {
|
||||||
|
color: '#f44336',
|
||||||
|
},
|
||||||
|
'& .MuiInput-underline:after': {
|
||||||
|
borderBottom: '2px solid #0085ff',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
card: {
|
||||||
|
minWidth: 300,
|
||||||
|
marginTop: '6em',
|
||||||
|
backgroundColor: '#ffffffe6',
|
||||||
|
},
|
||||||
|
avatar: {},
|
||||||
|
icon: {},
|
||||||
|
button: {
|
||||||
|
boxShadow: '3px 3px 5px #000000a3',
|
||||||
|
},
|
||||||
|
systemNameLink: {
|
||||||
|
color: '#0085ff',
|
||||||
|
},
|
||||||
|
},
|
||||||
},
|
},
|
||||||
player: {
|
player: {
|
||||||
theme: 'light',
|
theme: 'light',
|
||||||
|
@ -259,7 +259,6 @@ export default {
|
|||||||
},
|
},
|
||||||
systemNameLink: {
|
systemNameLink: {
|
||||||
color: '#fff',
|
color: '#fff',
|
||||||
textDecoration: 'none',
|
|
||||||
},
|
},
|
||||||
systemName: {
|
systemName: {
|
||||||
marginTop: '0.5em',
|
marginTop: '0.5em',
|
||||||
@ -267,6 +266,7 @@ export default {
|
|||||||
},
|
},
|
||||||
icon: {
|
icon: {
|
||||||
backgroundColor: 'inherit',
|
backgroundColor: 'inherit',
|
||||||
|
width: '5em',
|
||||||
},
|
},
|
||||||
card: {
|
card: {
|
||||||
background: 'none',
|
background: 'none',
|
||||||
|
Loading…
x
Reference in New Issue
Block a user