Update app.py

app.py

@@ -775,26 +775,39 @@ def load_user(username):
     return User(username)
 
 # User status management views
-index_page = dmc.MantineProvider(
-                [
-                    dmc.Container(
-                    children=[
-                        dmc.Grid(
-                            children=[
-                                dmc.GridCol(
-                                    html.Div([dcc.Location(id='url_login', refresh=True),
-                                        dmc.Text("BCC Agent", id='h1',style={"fontSize": 48}, fw=900),
-                                        dmc.TextInput(placeholder="login",w=250, ml="calc(50% - 125px)", id='uname-box'),
-                                        dmc.PasswordInput(id='pwd-box',placeholder="Mot de passe",w=250, ml="calc(50% - 125px)", mt=10),
-                                        dmc.Button("Continuer", w=250,variant="gradient", n_clicks=0, id='login-button', mt=20, mb=20),
-                                        html.Div(children='', id='output-state')
-                                ]), span=4, offset=4, style={'textAlign': 'center', 'marginTop': 'calc(50vh - 120px)','border':'1px solid #495057','border-radius':'10px'}, c='white'
-                                )
-                            ]
-                        )
-                    ]
-)]
-                )
+index_page = html.Div([
+    dbc.Col([dcc.Location(id='url_login', refresh=True),
+                  html.H2('''Please log in to continue:''', id='h1'),
+                  dcc.Input(placeholder='Enter your username',
+                            type='text', id='uname-box'),
+                  dcc.Input(placeholder='Enter your password',
+                            type='password', id='pwd-box'),
+                  html.Button(children='Login', n_clicks=0,
+                              type='submit', id='login-button'),
+                  html.Div(children='', id='output-state'),]
+            , sm=4,style={'textAlign': 'center', 'marginTop': 'calc(50vh - 120px)','border':'1px solid #495057','border-radius':'10px'}),
+])
+
+#index_page = dmc.MantineProvider(
+#                [
+#                    dmc.Container(
+#                    children=[
+#                        dmc.Grid(
+#                            children=[
+#                                dmc.GridCol(
+#                                    html.Div([dcc.Location(id='url_login', refresh=True),
+#                                        dmc.Text("BCC Agent", id='h1',style={"fontSize": 48}, fw=900),
+#                                        dmc.TextInput(placeholder="login",w=250, ml="calc(50% - 125px)", id='uname-box'),
+#                                        dmc.PasswordInput(id='pwd-box',placeholder="Mot de passe",w=250, ml="calc(50% - 125px)", mt=10),
+#                                        dmc.Button("Continuer", w=250,variant="gradient", n_clicks=0, id='login-button', mt=20, mb=20),
+#                                        html.Div(children='', id='output-state')
+#                                ]), span=4, offset=4, style={'textAlign': 'center', 'marginTop': 'calc(50vh - 120px)','border':'1px solid #495057','border-radius':'10px'}, c='white'
+#                                )
+#                            ]
+#                        )
+#                    ]
+#)]
+#                )
     
 # Successful login
 success = html.Div([html.Div([html.H2('Login successful.'),