Merge branch 'dev' into producao
This commit is contained in:
commit
b821560edc
|
|
@ -42,7 +42,7 @@ $logo-secondary-grey: #757575;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-area {
|
.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 {
|
.logo-symbol {
|
||||||
|
|
@ -61,7 +61,7 @@ $logo-secondary-grey: #757575;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
text-rendering: geometricPrecision;
|
text-rendering: geometricPrecision;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
--scale: 0.34;
|
--scale: 0.31;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg-wordmark__line {
|
.lg-wordmark__line {
|
||||||
|
|
@ -106,6 +106,91 @@ $logo-secondary-grey: #757575;
|
||||||
text-shadow: 0 1px 1px rgba(15, 23, 42, 0.12);
|
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 { display: flex; align-items: center; justify-content: center; gap: 22px; flex: 1; }
|
||||||
.nav-links .nav-link {
|
.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;
|
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 {
|
.side-logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 12px;
|
gap: 8px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $text-main;
|
color: $text-main;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
|
@ -864,7 +949,7 @@ $logo-secondary-grey: #757575;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg-wordmark {
|
.lg-wordmark {
|
||||||
--scale: 0.29;
|
--scale: 0.27;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-symbol {
|
.logo-symbol {
|
||||||
|
|
@ -971,7 +1056,7 @@ $logo-secondary-grey: #757575;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-area {
|
.logo-area {
|
||||||
gap: 8px;
|
gap: 6px;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -981,7 +1066,7 @@ $logo-secondary-grey: #757575;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg-wordmark {
|
.lg-wordmark {
|
||||||
--scale: 0.22;
|
--scale: 0.21;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header público (Home/Login/Register): mantém logo visível e CTA fixo à direita */
|
/* 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 {
|
.header-inner > .logo-area .lg-wordmark {
|
||||||
--scale: 0.2;
|
--scale: 0.19;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-inner > .header-actions {
|
.header-inner > .header-actions {
|
||||||
|
|
@ -1013,7 +1098,7 @@ $logo-secondary-grey: #757575;
|
||||||
|
|
||||||
/* Header logado: mantém nome visível, porém menor para smartphone */
|
/* Header logado: mantém nome visível, porém menor para smartphone */
|
||||||
.left-logged .logo-area .lg-wordmark {
|
.left-logged .logo-area .lg-wordmark {
|
||||||
--scale: 0.2;
|
--scale: 0.19;
|
||||||
}
|
}
|
||||||
|
|
||||||
.client-header-context {
|
.client-header-context {
|
||||||
|
|
@ -1317,7 +1402,7 @@ $logo-secondary-grey: #757575;
|
||||||
|
|
||||||
@media (max-width: 420px) {
|
@media (max-width: 420px) {
|
||||||
.header-inner > .logo-area {
|
.header-inner > .logo-area {
|
||||||
gap: 6px;
|
gap: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-inner > .logo-area .logo-symbol {
|
.header-inner > .logo-area .logo-symbol {
|
||||||
|
|
@ -1336,7 +1421,7 @@ $logo-secondary-grey: #757575;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-logged .logo-area {
|
.left-logged .logo-area {
|
||||||
gap: 6px;
|
gap: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-logged .logo-area .lg-wordmark {
|
.left-logged .logo-area .lg-wordmark {
|
||||||
|
|
|
||||||
|
|
@ -1190,9 +1190,16 @@ export class Dashboard implements OnInit, AfterViewInit, OnDestroy {
|
||||||
'BLOQUEAR',
|
'BLOQUEAR',
|
||||||
'BLOQUEAD',
|
'BLOQUEAD',
|
||||||
'BLOQUEADO',
|
'BLOQUEADO',
|
||||||
|
'BLOQUEIO',
|
||||||
|
'BLOQ120',
|
||||||
'RESERVA',
|
'RESERVA',
|
||||||
'NAOATRIBUIDO',
|
'NAOATRIBUIDO',
|
||||||
'PENDENTE',
|
'PENDENTE',
|
||||||
|
'COBRANCA',
|
||||||
|
'FATURAMENTO',
|
||||||
|
'FINANCEIRO',
|
||||||
|
'BACKOFFICE',
|
||||||
|
'ADMINISTRATIVO',
|
||||||
];
|
];
|
||||||
if (invalidUserTokens.some((token) => usuarioKey.includes(token))) {
|
if (invalidUserTokens.some((token) => usuarioKey.includes(token))) {
|
||||||
return false;
|
return false;
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
.brand-logo {
|
.brand-logo {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 12px;
|
gap: 8px;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -81,7 +81,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
line-height: 0.92;
|
line-height: 0.92;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
--scale: 0.31;
|
--scale: 0.28;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-wordmark__line {
|
.login-wordmark__line {
|
||||||
|
|
@ -101,25 +101,31 @@
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
color: transparent;
|
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 {
|
.login-wordmark__movel {
|
||||||
font-family: "Poppins", "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
|
display: none;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1366px) {
|
@media (max-width: 1366px) {
|
||||||
|
|
@ -129,7 +135,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-wordmark {
|
.login-wordmark {
|
||||||
--scale: 0.27;
|
--scale: 0.25;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -140,7 +146,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-wordmark {
|
.login-wordmark {
|
||||||
--scale: 0.24;
|
--scale: 0.22;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue