@@ -6,6 +6,7 @@ import { Button, InputText, InputPassword } from '/src/components';
66import NebulaLogo from '/src/svg/logo-wide.svg' ;
77
88import styled from 'styled-components' ;
9+
910import nebula from '/src/nebula' ;
1011
1112import LoadingPage from './LoadingPage' ;
@@ -26,7 +27,6 @@ const LoginContainer = styled.div`
2627 background-repeat: no-repeat;
2728 background-size: cover;
2829
29-
3030 small {
3131 font-size: 0.8em;
3232 font-style: italic;
@@ -51,17 +51,17 @@ const LoginForm = styled.form`
5151 background-color: rgba(0, 0, 0, 0.4);
5252 backdrop-filter: blur(10px);
5353
54- input, button, a {
54+ input,
55+ button,
56+ a {
5557 background-color: rgba(255, 255, 255, 0.1) !important;
5658 color: #eee !important;
5759
58- &::placeholder {
59- color: #ccc;
60- opacity: 1; /* Firefox */
60+ &::placeholder {
61+ color: #ccc;
62+ opacity: 1; /* Firefox */
63+ }
6164 }
62-
63- }
64-
6565 }
6666
6767 hr {
@@ -167,7 +167,7 @@ const LoginPage = ({ motd, onLogin, ssoOptions }) => {
167167 return < LoadingPage /> ;
168168 }
169169
170- const pageStyle = { }
170+ const pageStyle = { } ;
171171 let formClass = null ;
172172 if ( nebula . loginBackground ) {
173173 pageStyle . backgroundImage = `url(/api/login-background.jpg)` ;
@@ -179,7 +179,7 @@ const LoginPage = ({ motd, onLogin, ssoOptions }) => {
179179
180180 return (
181181 < main style = { pageStyle } >
182- < LoginContainer >
182+ < LoginContainer >
183183 < LoginForm onSubmit = { onSubmit } className = { formClass } >
184184 < div className = "logo-container" >
185185 < img src = { NebulaLogo } alt = "Nebula" />
0 commit comments