EduardoDev
/
line-gestao-frontend
mirror of https://github.com/eduardolopesx03/line-gestao-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Feat: Deploy Alterações Logo

This commit is contained in:
Eduardo 2026-03-03 13:12:47 -03:00
parent 851f8d6fc2
commit f252d604d6
3 changed files with 128 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
src/app/components/header/header.scss
View File

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

7
src/app/pages/dashboard/dashboard.ts
View File

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

46
src/app/pages/login/login.scss
View File

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