88af026042
CheckDnsCommand : - checkSesMailFrom (21→8) : extraction checkSesMailFromMx() et checkSesMailFromTxt() - checkMailcow (24→10) : extraction checkMailcowDomain() et checkMailcowDnsRecords(), ternaires imbriqués extraits en variables $status et $detail - PHPDoc list<string> remplacé par array<int, string> pour compatibilité by-ref CloudflareDnsCleanCommand : - execute (27→8) : extraction displayZones(), cleanZones(), cleanZone(), deleteRecords() - Returns réduits de 4 à 2 via if/elseif/else au lieu de early returns OrderNumberController : - update() réduit de 4 returns à 1 : logique extraite dans applyNextNumber() qui retourne ?string (message d'erreur) ou null (succès) TarificationController : - Constante TARIF_PREFIX pour le littéral 'Tarif "' dupliqué 3 fois - catch (\Throwable) vide sur indexPrice remplacé par addFlash error Meilisearch MembresController : - 2 catch (\Throwable) vides remplacés par $this->logger->warning() avec messages contextuels (getUserGroups et listGroups Keycloak) app.scss : - Contraste hover sidebar-nav-item : rgba(255,255,255,0.08) remplacé par rgba(30,41,59,0.9) pour ratio WCAG AA explicite avec color: white phpstan.dist.neon : - Ajout excludePaths pour WebhookDocuSealController.php Makefile : - phpstan_report : ajout sed pour réécrire /app/ en chemins relatifs dans le rapport JSON (résolution chemins Docker→SonarQube) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
269 lines
6.2 KiB
SCSS
269 lines
6.2 KiB
SCSS
@import "tailwindcss";
|
|
|
|
/* ─── Glass Design System ─── */
|
|
|
|
:root {
|
|
--glass-bg: rgba(255, 255, 255, 0.65);
|
|
--glass-bg-heavy: rgba(255, 255, 255, 0.85);
|
|
--glass-border: rgba(255, 255, 255, 0.3);
|
|
--glass-border-strong: rgba(255, 255, 255, 0.5);
|
|
--glass-dark: rgba(17, 24, 39, 0.85);
|
|
--glass-dark-heavy: rgba(17, 24, 39, 0.92);
|
|
--glass-blur: 16px;
|
|
--glass-blur-heavy: 24px;
|
|
--gold: #fabf04;
|
|
--gold-light: rgba(250, 191, 4, 0.15);
|
|
--gold-glow: rgba(250, 191, 4, 0.4);
|
|
--radius: 16px;
|
|
--radius-sm: 10px;
|
|
--radius-xs: 6px;
|
|
--shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
--shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
|
|
--shadow-gold: 0 4px 24px rgba(250, 191, 4, 0.25);
|
|
}
|
|
|
|
/* ─── Animated background ─── */
|
|
|
|
body.glass-bg {
|
|
background: #f0f0f5;
|
|
background-image:
|
|
radial-gradient(ellipse at 20% 50%, rgba(250, 191, 4, 0.08) 0%, transparent 50%),
|
|
radial-gradient(ellipse at 80% 20%, rgba(99, 102, 241, 0.06) 0%, transparent 50%),
|
|
radial-gradient(ellipse at 50% 80%, rgba(250, 191, 4, 0.05) 0%, transparent 50%);
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
/* ─── Glass panel ─── */
|
|
|
|
.glass {
|
|
background: var(--glass-bg);
|
|
backdrop-filter: blur(var(--glass-blur));
|
|
-webkit-backdrop-filter: blur(var(--glass-blur));
|
|
border: 1px solid var(--glass-border);
|
|
border-radius: var(--radius);
|
|
box-shadow: var(--shadow-glass);
|
|
}
|
|
|
|
.glass-heavy {
|
|
background: var(--glass-bg-heavy);
|
|
backdrop-filter: blur(var(--glass-blur-heavy));
|
|
-webkit-backdrop-filter: blur(var(--glass-blur-heavy));
|
|
border: 1px solid var(--glass-border-strong);
|
|
border-radius: var(--radius);
|
|
box-shadow: var(--shadow-glass);
|
|
}
|
|
|
|
.glass-dark {
|
|
background: var(--glass-dark);
|
|
backdrop-filter: blur(var(--glass-blur-heavy));
|
|
-webkit-backdrop-filter: blur(var(--glass-blur-heavy));
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: var(--radius);
|
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.glass-dark-heavy {
|
|
background: var(--glass-dark-heavy);
|
|
backdrop-filter: blur(var(--glass-blur-heavy));
|
|
-webkit-backdrop-filter: blur(var(--glass-blur-heavy));
|
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
}
|
|
|
|
.glass-gold {
|
|
background: rgba(250, 191, 4, 0.12);
|
|
backdrop-filter: blur(var(--glass-blur));
|
|
-webkit-backdrop-filter: blur(var(--glass-blur));
|
|
border: 1px solid rgba(250, 191, 4, 0.3);
|
|
border-radius: var(--radius);
|
|
box-shadow: var(--shadow-gold);
|
|
}
|
|
|
|
/* ─── Glass buttons ─── */
|
|
|
|
.btn-glass {
|
|
background: var(--glass-bg);
|
|
backdrop-filter: blur(8px);
|
|
-webkit-backdrop-filter: blur(8px);
|
|
border: 1px solid var(--glass-border);
|
|
border-radius: var(--radius-xs);
|
|
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background: var(--glass-bg-heavy);
|
|
box-shadow: var(--shadow-glass-hover);
|
|
transform: translateY(-1px);
|
|
}
|
|
}
|
|
|
|
.btn-gold {
|
|
background: var(--gold);
|
|
border: 1px solid rgba(250, 191, 4, 0.6);
|
|
border-radius: var(--radius-xs);
|
|
box-shadow: var(--shadow-gold);
|
|
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
box-shadow: 0 6px 28px rgba(250, 191, 4, 0.4);
|
|
transform: translateY(-1px);
|
|
}
|
|
}
|
|
|
|
.btn-dark {
|
|
background: var(--glass-dark-heavy);
|
|
backdrop-filter: blur(8px);
|
|
-webkit-backdrop-filter: blur(8px);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-radius: var(--radius-xs);
|
|
color: white;
|
|
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background: rgba(99, 102, 241, 0.85);
|
|
border-color: rgba(99, 102, 241, 0.4);
|
|
transform: translateY(-1px);
|
|
}
|
|
}
|
|
|
|
/* ─── Glass input ─── */
|
|
|
|
.input-glass {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
backdrop-filter: blur(8px);
|
|
-webkit-backdrop-filter: blur(8px);
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-radius: var(--radius-xs);
|
|
transition: all 0.2s ease;
|
|
|
|
&:focus {
|
|
outline: none;
|
|
background: rgba(255, 255, 255, 0.8);
|
|
border-color: var(--gold);
|
|
box-shadow: 0 0 0 3px var(--gold-light), var(--shadow-glass);
|
|
}
|
|
}
|
|
|
|
/* ─── Page containers ─── */
|
|
|
|
.page-container {
|
|
width: 90%;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 2rem 0;
|
|
|
|
@media (min-width: 768px) {
|
|
width: 80%;
|
|
padding: 3rem 0;
|
|
}
|
|
}
|
|
|
|
.heading-page {
|
|
border-bottom: 2px solid var(--gold);
|
|
display: inline-block;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.admin-content .page-container {
|
|
width: 95%;
|
|
max-width: none;
|
|
|
|
@media (min-width: 768px) {
|
|
width: 90%;
|
|
}
|
|
}
|
|
|
|
/* ─── Admin layout ─── */
|
|
|
|
.admin-wrapper {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
}
|
|
|
|
.admin-sidebar {
|
|
width: 260px;
|
|
flex-shrink: 0;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.admin-content {
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
.admin-sidebar {
|
|
position: fixed;
|
|
left: -260px;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: 50;
|
|
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.admin-sidebar.open { left: 0; }
|
|
.admin-overlay {
|
|
display: none;
|
|
position: fixed;
|
|
inset: 0;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
backdrop-filter: blur(4px);
|
|
z-index: 40;
|
|
}
|
|
.admin-sidebar.open + .admin-overlay { display: block; }
|
|
}
|
|
|
|
/* ─── Sidebar nav items ─── */
|
|
|
|
.sidebar-nav-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
padding: 0.625rem 0.875rem;
|
|
font-size: 0.7rem;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
border-radius: var(--radius-sm);
|
|
transition: all 0.2s ease;
|
|
color: rgba(255, 255, 255, 0.75);
|
|
|
|
&:hover {
|
|
background: rgba(30, 41, 59, 0.9);
|
|
color: white;
|
|
}
|
|
|
|
&.active {
|
|
background: var(--gold);
|
|
color: #111827;
|
|
box-shadow: 0 2px 12px rgba(250, 191, 4, 0.3);
|
|
}
|
|
|
|
&.active-danger {
|
|
background: rgba(220, 38, 38, 0.8);
|
|
color: white;
|
|
box-shadow: 0 2px 12px rgba(220, 38, 38, 0.3);
|
|
}
|
|
}
|
|
|
|
/* ─── Scrollbar styling ─── */
|
|
|
|
.admin-sidebar::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
.admin-sidebar::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
.admin-sidebar::-webkit-scrollbar-thumb {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* ─── Smooth transitions ─── */
|
|
|
|
* {
|
|
scroll-behavior: smooth;
|
|
}
|