diff --git a/src/app/components/header/header.scss b/src/app/components/header/header.scss index 2c891af..5db3bb8 100644 --- a/src/app/components/header/header.scss +++ b/src/app/components/header/header.scss @@ -42,7 +42,7 @@ $logo-secondary-grey: #757575; } .logo-area { - display: flex; align-items: center; gap: 14px; text-decoration: none; color: #111827; min-width: 0; + display: flex; align-items: center; gap: 10px; text-decoration: none; color: #111827; min-width: 0; } .logo-symbol { @@ -61,7 +61,7 @@ $logo-secondary-grey: #757575; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; min-width: 0; - --scale: 0.34; + --scale: 0.31; } .lg-wordmark__line { @@ -106,6 +106,91 @@ $logo-secondary-grey: #757575; text-shadow: 0 1px 1px rgba(15, 23, 42, 0.12); } +/* Header padrão (Home/Login/Interno): "LineGestão" em uma única linha */ +.lg-wordmark:not([aria-label='Line Gestão Empresas']) { + .lg-wordmark__line { + display: inline-flex; + align-items: baseline; + + &::after { + content: 'Gestão'; + margin-left: 0.02em; + font: inherit; + letter-spacing: inherit; + background: linear-gradient( + 180deg, + #c8c3ff 0%, + #7a6cff 26%, + #4b3fe6 52%, + #2b21c8 74%, + #120a78 100% + ); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + text-shadow: 0 1px 1px rgba(15, 23, 42, 0.12); + } + } + + .lg-wordmark__movel { + display: none; + } +} + +/* Logo do cliente: "LineGestão" na primeira linha e "Empresas" abaixo */ +.lg-wordmark[aria-label='Line Gestão Empresas'] { + .lg-wordmark__line { + display: inline-flex; + align-items: baseline; + font-size: calc(86px * var(--scale)); + + &::after { + content: 'Gestão'; + margin-left: 0.02em; + font: inherit; + letter-spacing: inherit; + background: linear-gradient( + 180deg, + #c8c3ff 0%, + #7a6cff 26%, + #4b3fe6 52%, + #2b21c8 74%, + #120a78 100% + ); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + text-shadow: 0 1px 1px rgba(15, 23, 42, 0.12); + } + } + + .lg-wordmark__movel { + font-size: 0; + margin-left: 0; + margin-top: calc(-6px * var(--scale)); + line-height: 1; + align-self: flex-start; + + &::before { + content: 'Empresas'; + font-family: 'Poppins', 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; + font-weight: 700; + font-size: calc(38px * var(--scale)); + letter-spacing: -0.01em; + background: linear-gradient( + 180deg, + #6f7f96 0%, + #4b5b72 48%, + #2f3d52 100% + ); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + text-shadow: 0 1px 1px rgba(15, 23, 42, 0.12); + } + } +} + .nav-links { display: flex; align-items: center; justify-content: center; gap: 22px; flex: 1; } .nav-links .nav-link { display: inline-flex; align-items: center; gap: 6px; color: $text-main; text-decoration: none; font-weight: 600; font-size: 14px; transition: color 0.2s; @@ -766,7 +851,7 @@ $logo-secondary-grey: #757575; .side-logo { display: flex; align-items: center; - gap: 12px; + gap: 8px; text-decoration: none; color: $text-main; min-width: 0; @@ -864,7 +949,7 @@ $logo-secondary-grey: #757575; } .lg-wordmark { - --scale: 0.29; + --scale: 0.27; } .logo-symbol { @@ -971,7 +1056,7 @@ $logo-secondary-grey: #757575; } .logo-area { - gap: 8px; + gap: 6px; min-width: 0; } @@ -981,7 +1066,7 @@ $logo-secondary-grey: #757575; } .lg-wordmark { - --scale: 0.22; + --scale: 0.21; } /* Header público (Home/Login/Register): mantém logo visível e CTA fixo à direita */ @@ -996,7 +1081,7 @@ $logo-secondary-grey: #757575; } .header-inner > .logo-area .lg-wordmark { - --scale: 0.2; + --scale: 0.19; } .header-inner > .header-actions { @@ -1013,7 +1098,7 @@ $logo-secondary-grey: #757575; /* Header logado: mantém nome visível, porém menor para smartphone */ .left-logged .logo-area .lg-wordmark { - --scale: 0.2; + --scale: 0.19; } .client-header-context { @@ -1317,7 +1402,7 @@ $logo-secondary-grey: #757575; @media (max-width: 420px) { .header-inner > .logo-area { - gap: 6px; + gap: 5px; } .header-inner > .logo-area .logo-symbol { @@ -1336,7 +1421,7 @@ $logo-secondary-grey: #757575; } .left-logged .logo-area { - gap: 6px; + gap: 5px; } .left-logged .logo-area .lg-wordmark { diff --git a/src/app/pages/dashboard/dashboard.ts b/src/app/pages/dashboard/dashboard.ts index a4eeade..d734fed 100644 --- a/src/app/pages/dashboard/dashboard.ts +++ b/src/app/pages/dashboard/dashboard.ts @@ -1190,9 +1190,16 @@ export class Dashboard implements OnInit, AfterViewInit, OnDestroy { 'BLOQUEAR', 'BLOQUEAD', 'BLOQUEADO', + 'BLOQUEIO', + 'BLOQ120', 'RESERVA', 'NAOATRIBUIDO', 'PENDENTE', + 'COBRANCA', + 'FATURAMENTO', + 'FINANCEIRO', + 'BACKOFFICE', + 'ADMINISTRATIVO', ]; if (invalidUserTokens.some((token) => usuarioKey.includes(token))) { return false; diff --git a/src/app/pages/login/login.scss b/src/app/pages/login/login.scss index 8969f2b..7cb1a16 100644 --- a/src/app/pages/login/login.scss +++ b/src/app/pages/login/login.scss @@ -64,7 +64,7 @@ .brand-logo { display: inline-flex; align-items: center; - gap: 12px; + gap: 8px; min-width: 0; } @@ -81,7 +81,7 @@ flex-direction: column; line-height: 0.92; min-width: 0; - --scale: 0.31; + --scale: 0.28; } .login-wordmark__line { @@ -101,25 +101,31 @@ -webkit-background-clip: text; background-clip: text; color: transparent; + + display: inline-flex; + align-items: baseline; + + &::after { + content: 'Gestão'; + margin-left: 0.02em; + font: inherit; + letter-spacing: inherit; + background: linear-gradient( + 180deg, + #c8c3ff 0%, + #7a6cff 26%, + #4b3fe6 52%, + #2b21c8 74%, + #120a78 100% + ); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + } } .login-wordmark__movel { - font-family: "Poppins", "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; - font-weight: 700; - font-size: calc(34px * var(--scale)); - letter-spacing: -0.01em; - white-space: nowrap; - margin-left: calc(0.33em * var(--scale)); - margin-top: calc(-6px * var(--scale)); - background: linear-gradient( - 180deg, - #aeb8c7 0%, - #6b778d 50%, - #3f4b60 100% - ); - -webkit-background-clip: text; - background-clip: text; - color: transparent; + display: none; } @media (max-width: 1366px) { @@ -129,7 +135,7 @@ } .login-wordmark { - --scale: 0.27; + --scale: 0.25; } } @@ -140,7 +146,7 @@ } .login-wordmark { - --scale: 0.24; + --scale: 0.22; } } }