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:
Pierre Marx
2025-10-21 11:34:30 -04:00
parent 7b9679e4dc
commit c5a7ae3cc4
2 changed files with 10 additions and 1 deletions

View File

@@ -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"

View File

@@ -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;