diff --git a/index.html b/index.html index 999026b..909f96e 100644 --- a/index.html +++ b/index.html @@ -15,12 +15,7 @@ .brand-title { font-size: clamp(1.24rem,2vw,1.55rem); font-weight: 750; letter-spacing: -.35px; } .brand-subtitle { margin-top: 3px; color: #aeb5cf; font-size: .73rem; font-weight: 700; letter-spacing: 1.05px; text-transform: uppercase; } .environment-badge { padding: 7px 13px; border: 1px solid var(--accent-border); border-radius: 999px; color: #f0f2ff; background: var(--accent-soft); font-size: .75rem; font-weight: 800; white-space: nowrap; } - .entity-nav { padding: 13px clamp(24px,5vw,64px); background: #141728; border-bottom: 1px solid rgba(255,255,255,.07); } - .entity-nav-inner { max-width: 1240px; margin: auto; display: flex; flex-wrap: wrap; gap: 8px; } - .entity-link { display: inline-flex; align-items: center; min-height: 36px; padding: 0 13px; border: 1px solid transparent; border-radius: 10px; color: #aeb5cb; font-size: .82rem; font-weight: 700; text-decoration: none; transition: transform .16s ease-out,background .16s ease-out,color .16s ease-out; } - .entity-link:hover { transform: translateY(-1px); color: white; background: rgba(255,255,255,.06); } - .entity-link.active { color: white; background: var(--accent-soft); border-color: var(--accent-border); } - .entity-link:focus-visible,.app-card:focus-visible { outline: 3px solid white; outline-offset: 3px; } + .app-card:focus-visible { outline: 3px solid white; outline-offset: 3px; } main { width: 100%; max-width: 1240px; margin: auto; padding: 58px clamp(24px,5vw,64px) 72px; flex: 1; } .section-header { max-width: 680px; margin: 0 auto 42px; text-align: center; } .section-header h1 { font-size: clamp(2rem,4.5vw,3rem); letter-spacing: -1.1px; line-height: 1.08; } @@ -38,12 +33,11 @@ .loading-msg { grid-column: 1 / -1; padding:64px 0; color:#aeb5cb; text-align:center; }.loading-msg.error { color:#fecaca; } footer { padding:24px clamp(24px,5vw,64px); border-top:1px solid rgba(255,255,255,.06); background:#0a0c13; }.footer-inner { max-width:1240px; margin:auto; display:flex; align-items:center; justify-content:center; gap:9px; color:#737c99; font-size:.78rem; }.footer-inner img { height:50px; width:auto; object-fit:contain; } @media (prefers-reduced-motion: reduce) { *,*:before,*:after { transition:none!important; } } - @media (max-width:640px) { header{padding-top:22px;padding-bottom:22px}.header-inner{align-items:flex-start}.environment-badge{margin-top:4px}.entity-nav{padding-top:10px;padding-bottom:10px}.entity-link{padding:0 10px;min-height:34px;font-size:.76rem}main{padding-top:42px}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.card-image-wrapper{width:min(100%,145px);height:145px;border-radius:27px} } + @media (max-width:640px) { header{padding-top:22px;padding-bottom:22px}.header-inner{align-items:flex-start}.environment-badge{margin-top:4px}main{padding-top:42px}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.card-image-wrapper{width:min(100%,145px);height:145px;border-radius:27px} }
Portail Applicatif
Chargement de l'environnement
…
-

Chargement du portail…

Les applications de cet environnement sont chargées depuis le dashboard correspondant.

Chargement des applications…