refactor: Version centrée sous le titre sur la page de login
- Déplacement de la version sous le titre "SimpleConnect" au lieu d'à côté - Titre "SimpleConnect" maintenant parfaitement centré - Nouvelle classe CSS .app-version-login pour le style de la version - Version affichée en gris clair, centrée, taille 14px - Amélioration de l'esthétique de la page de connexion Fichiers modifiés : - index.html : restructuration avec div séparée pour la version - styles-modern.css : ajout du style .app-version-login
This commit is contained in:
@@ -12,6 +12,7 @@
|
|||||||
<div id="loginPage" class="page active">
|
<div id="loginPage" class="page active">
|
||||||
<div class="login-container">
|
<div class="login-container">
|
||||||
<h1>SimpleConnect</h1>
|
<h1>SimpleConnect</h1>
|
||||||
|
<div class="app-version-login" id="appVersionLogin"></div>
|
||||||
<div class="signalr-status">
|
<div class="signalr-status">
|
||||||
<span class="signalr-indicator" id="signalrIndicator"></span>
|
<span class="signalr-indicator" id="signalrIndicator"></span>
|
||||||
<span class="signalr-text" id="signalrText"
|
<span class="signalr-text" id="signalrText"
|
||||||
|
|||||||
@@ -109,10 +109,18 @@ body {
|
|||||||
.login-container h1 {
|
.login-container h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #667eea;
|
color: #667eea;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 5px;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app-version-login {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
/* Indicateur de statut SignalR */
|
/* Indicateur de statut SignalR */
|
||||||
.signalr-status {
|
.signalr-status {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user