Ajustes para Simplifique

This commit is contained in:
Luis Eduardo Estevao
2026-01-12 16:15:55 -03:00
parent ed4a1cdf1e
commit 6d66d456ab
17 changed files with 345 additions and 473 deletions

8
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "sales",
"version": "0.0.0",
"name": "simplifique-sales",
"version": "2026.1.01",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "sales",
"version": "0.0.0",
"name": "simplifique-sales",
"version": "2026.1.01",
"dependencies": {
"@agm/core": "^1.1.0",
"@angular/animations": "^9.1.13",

View File

@@ -3,7 +3,7 @@
}
.logo {
background-image: url("../../../assets/img/logo.svg");
background-image: url("../../../assets/img/logo_simplifique.png");
background-position: center;
cursor: pointer;
width: 100%;
@@ -305,14 +305,14 @@
.noData {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
height: 100%;
flex-direction: column;
text-align: center;
}
.text-muted{
.text-muted {
font-size: 14px;
}
@@ -326,16 +326,16 @@
width: 100%;
}
.title-page{
.title-page {
margin-top: 10px;
}
.noData {
padding: 10px;
padding: 10px;
}
.noData p {
font-size: 14px;
font-size: 14px;
}
}
@@ -346,7 +346,7 @@
width: 100%;
}
.title-page{
.title-page {
margin-top: 10px;
}
}
@@ -357,7 +357,7 @@
max-width: 200px;
}
.title-page{
.title-page {
margin-top: 10px;
}
}

View File

@@ -47,21 +47,21 @@ export class LoginComponent implements OnInit, AfterViewInit {
this.submitForm(); // Apenas submete se o formulário for válido
}
}
public submitForm(): void {
this.form.markAllAsTouched();
if (this.form.valid) {
this.loadingIcon = 'loading';
const domain = '@jurunense.com.br';
// const domain = '@jurunense.com.br';
let email = this.form.value.email;
// Remover domínio existente se já foi digitado
if (email.toLowerCase().endsWith(domain)) {
email = email.substring(0, email.length - domain.length);
}
// if (email.toLowerCase().endsWith(domain)) {
// email = email.substring(0, email.length - domain.length);
// }
const emailUpperCase = (email + domain).toUpperCase();
const emailUpperCase = (email).toUpperCase();
const passwordUpperCase = this.form.value.password.toUpperCase();
this.authService.login({

View File

@@ -1,39 +1,32 @@
<header class="header-productlist fixed-top">
<div class="container d-flex justify-content-between align-items-center py-3">
<!-- Logo à esquerda -->
<div class="logo-jurunense">
<a href="/#/menu" title="Jurunenese">
<img [src]="imageLogoBase64" alt="Imagem" class="img-fluid" />
</a>
<div class="container d-flex justify-content-between align-items-center py-3">
<!-- Logo à esquerda -->
<div class="logo-jurunense">
<a href="/#/menu" title="Simplifique">
<img src="assets/img/logo_simplifique.png" alt="Imagem" class="img-fluid" />
</a>
</div>
<!-- Informações do usuário à direita -->
<div class="d-flex align-items-center">
<!-- Dados do usuário -->
<div class="me-3 text-end">
<span class="name-user d-block">{{ userName }}</span>
<span class="last-access d-block">Loja: {{ storeName }}</span>
</div>
<!-- Informações do usuário à direita -->
<div class="d-flex align-items-center">
<!-- Dados do usuário -->
<div class="me-3 text-end">
<span class="name-user d-block">{{ userName }}</span>
<span class="last-access d-block">Loja: {{ storeName }}</span>
</div>
<!-- Dropdown de configurações -->
<div class="dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<img src="assets/img/config.svg" alt="Configurações" class="img-config" />
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
<li>
<a class="dropdown-item" (click)="logout()">Sair</a>
</li>
</ul>
</div>
<!-- Dropdown de configurações -->
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<img src="assets/img/config.svg" alt="Configurações" class="img-config" />
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
<li>
<a class="dropdown-item" (click)="logout()">Sair</a>
</li>
</ul>
</div>
</div>
</header>
</div>
</header>

View File

@@ -3,7 +3,7 @@
<!-- Logo -->
<div class="logo-jurunense">
<a href="/#/menu" title="Jurunense">
<img [src]="imageLogoBase64" alt="Logo Jurunense" class="img-fluid" />
<img src="assets/img/logo_simplifique.png" alt="Logo Jurunense" class="img-fluid" />
</a>
</div>

View File

@@ -10,7 +10,7 @@
</div>
<div class="logo-jurunense">
<a href="/#/sales/home" title="Jurunenese">
<img [src]="imageLogoBase64" alt="Imagem" class="img-fluid" />
<img src="assets/img/logo_simplifique.png" alt="Imagem" class="img-fluid" />
</a>
</div>
</div>

View File

@@ -3,7 +3,7 @@
<!-- Logo à esquerda -->
<div class="logo-jurunense">
<a href="/" title="Jurunenese">
<img [src]="imageLogoBase64" alt="Imagem" class="img-fluid" />
<img src="assets/img/logo_simplifique.png" alt="Imagem" class="img-fluid" />
</a>
</div>
@@ -12,29 +12,23 @@
<!-- Carrinho -->
<div class="d-flex align-items-center">
<kendo-badge-container>
<img src="assets/img/cart.svg" alt="Carrinho" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" />
<kendo-badge [align]="align" [position]="position" [themeColor]="themeBadge">
{{ (shopping$ | async).length }}
</kendo-badge>
<img src="assets/img/cart.svg" alt="Carrinho" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
aria-controls="offcanvasRight" />
<kendo-badge [align]="align" [position]="position" [themeColor]="themeBadge">
{{ (shopping$ | async).length }}
</kendo-badge>
</kendo-badge-container>
</div>
</div>
<!-- Dados do usuário -->
<div class="me-3 text-end">
<span class="name-user d-block">{{ userName }}</span>
<span class="last-access d-block">Loja: {{ storeName }}</span>
</div>
<!-- Dropdown de configurações -->
<div class="dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<img src="assets/img/config.svg" alt="Configurações" class="img-config" />
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
@@ -45,4 +39,4 @@
</div>
</div>
</div>
</header>
</header>

View File

@@ -1,66 +1,38 @@
<!--Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<!-- offcanvas trigger-->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="offcanvas"
data-bs-target="#offcanvasExample"
aria-controls="offcanvasExample"
>
<span
class="navbar-toggler-icon"
data-bs-target="#offcanvasExample"
></span>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample"
aria-controls="offcanvasExample">
<span class="navbar-toggler-icon" data-bs-target="#offcanvasExample"></span>
</button>
<!-- offcanvas trigger-->
<a class="navbar-brand" style="height: 40px; width: 120px" href="#">
<img src="assets/img/logo.svg" alt="" />
<img src="assets/img/logo_simplifique.png" alt="" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="d-flex ms-auto">
<div class="input-group my-3 my-lg-0">
<input
class="form-control me-2"
type="search"
placeholder="Search"
aria-label="Search"
/>
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
<button class="btn btn-outline-success" type="submit">Search</button>
</div>
</form>
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-person-fill"></i>
</a>
<ul
class="dropdown-menu dropdown-menu-end"
aria-labelledby="navbarDropdown"
>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider" /></li>
<li>
<hr class="dropdown-divider" />
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
@@ -71,41 +43,25 @@
<!-- Navbar -->
<!-- OffCanvas -->
<div
class="offcanvas offcanvas-start sidebar-nav bg-dark text-light"
data-bs-backdrop="false"
data-bs-scroll="true"
tabindex="-1"
id="offcanvasExample"
aria-labelledby="offcanvasExampleLabel"
>
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Módulo de vendas</h5>
</div>
<div class="offcanvas offcanvas-start sidebar-nav bg-dark text-light" data-bs-backdrop="false" data-bs-scroll="true"
tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Módulo de vendas</h5>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav">
<li class="nav-item">
<a
class="nav-link px-3 sidebar-link"
>
<span><i class="bi bi-graph-up-arrow me-2"></i></span>
<span>Dashboard</span>
</a>
<a class="nav-link px-3 sidebar-link">
<span><i class="bi bi-graph-up-arrow me-2"></i></span>
<span>Dashboard</span>
</a>
</li>
<li class="nav-item">
<a
class="nav-link px-3 sidebar-link"
data-bs-toggle="collapse"
href="#collapseExample"
role="button"
aria-expanded="false"
aria-controls="collapseExample"
>
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="false" aria-controls="collapseExample">
<span><i class="bi bi-shop me-2"></i></span>
<span>Vendas</span>
<span class="right-icon ms-auto"
><i class="bi bi-chevron-down"></i
></span>
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
</a>
<div class="collapse" id="collapseExample">
@@ -123,32 +79,24 @@
<li>
<ul class="navbar-nav">
<li class="nav-item">
<a
class="nav-link px-3 sidebar-link"
data-bs-toggle="collapse"
href="#collapseregister"
role="button"
aria-expanded="false"
aria-controls="collapseregister"
>
<span><i class="bi bi-person-plus me-2"></i></span>
<span>Cadastros</span>
<span class="right-icon ms-auto"
><i class="bi bi-chevron-down"></i
></span>
</a>
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseregister" role="button"
aria-expanded="false" aria-controls="collapseregister">
<span><i class="bi bi-person-plus me-2"></i></span>
<span>Cadastros</span>
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
</a>
<div class="collapse" id="collapseregister">
<div>
<ul class="navbar-nav ps-3">
<li>
<a href="#" class="nav-link px-3">
<span>Clientes</span>
</a>
</li>
</ul>
</div>
</div>
<div class="collapse" id="collapseregister">
<div>
<ul class="navbar-nav ps-3">
<li>
<a href="#" class="nav-link px-3">
<span>Clientes</span>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
@@ -163,5 +111,4 @@
<span>teste</span>
<router-outlet></router-outlet>
</div>
</main>
</main>

View File

@@ -2,33 +2,18 @@
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<!-- offcanvas trigger-->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="offcanvas"
data-bs-target="#offcanvasExample"
aria-controls="offcanvasExample"
>
<span
class="navbar-toggler-icon"
data-bs-target="#offcanvasExample"
></span>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample"
aria-controls="offcanvasExample">
<span class="navbar-toggler-icon" data-bs-target="#offcanvasExample"></span>
</button>
<!-- offcanvas trigger-->
<div style="height: 200px;">
<a class="navbar-brand" href="/#/menu">
<img class="w-100 h-100" src="assets/img/logo.svg" alt="" />
<a class="navbar-brand" href="/#/menu">
<img class="w-100 h-100" src="assets/img/logo_simplifique.png" alt="" />
</a>
</div>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
@@ -45,23 +30,16 @@
</form-->
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-person-fill"></i>
</a>
<ul
class="dropdown-menu dropdown-menu-end"
aria-labelledby="navbarDropdown"
>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider" /></li>
<li>
<hr class="dropdown-divider" />
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
@@ -72,19 +50,13 @@
<!-- Navbar -->
<!-- OffCanvas -->
<div
class="offcanvas offcanvas-start sidebar-nav text-light"
data-bs-backdrop="false"
data-bs-scroll="true"
tabindex="-1"
id="offcanvasExample"
aria-labelledby="offcanvasExampleLabel"
>
<div class="offcanvas offcanvas-start sidebar-nav text-light" data-bs-backdrop="false" data-bs-scroll="true"
tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header mt-2">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Mestre Jurunense</h5>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav">
<ul class="navbar-nav">
<!--li class="nav-item">
<a
class="nav-link px-3 sidebar-link"
@@ -94,24 +66,16 @@
</a>
</li-->
<li *ngIf="pagePartners || pageCategory || pageRange" class="nav-item">
<a
class="nav-link px-3 sidebar-link"
data-bs-toggle="collapse"
href="#collapseExample"
role="button"
aria-expanded="false"
aria-controls="collapseExample"
>
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseExample" role="button"
aria-expanded="false" aria-controls="collapseExample">
<span><i class="bi bi-shop me-2"></i></span>
<span>Cadastros</span>
<span class="right-icon ms-auto"
><i class="bi bi-chevron-down"></i
></span>
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
</a>
<div class="collapse" id="collapseExample">
<div>
<ul class="navbar-nav ps-3">
<ul class="navbar-nav ps-3">
<li *ngIf="pagePartners">
<a href="/#/partner/list" class="nav-link px-3">
<span>Parceiros</span>
@@ -134,37 +98,23 @@
<li>
<ul class="navbar-nav">
<li *ngIf="pageReportComission" class="nav-item">
<a
class="nav-link px-3 sidebar-link"
data-bs-toggle="collapse"
href="#collapseregister"
role="button"
aria-expanded="false"
aria-controls="collapseregister"
>
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseregister" role="button"
aria-expanded="false" aria-controls="collapseregister">
<span><i class="bi bi-person-plus me-2"></i></span>
<span>Relatórios</span>
<span class="right-icon ms-auto"
><i class="bi bi-chevron-down"></i
></span>
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
</a>
<div class="collapse" id="collapseregister">
<div>
<ul class="navbar-nav ps-3">
<li *ngIf="pageReportComission">
<a
href="/#/partner/report/commission"
class="nav-link px-3"
>
<a href="/#/partner/report/commission" class="nav-link px-3">
<span>Vendas realizadas</span>
</a>
</li>
<li *ngIf="pageExtractPartner">
<a
href="/#/partner/report/extract"
class="nav-link px-3"
>
<a href="/#/partner/report/extract" class="nav-link px-3">
<span>Extrato</span>
</a>
</li>
@@ -173,31 +123,20 @@
</div>
</li>
</ul>
<ul class="navbar-nav">
<ul class="navbar-nav">
<li *ngIf="pagePaymentPartner" class="nav-item">
<a
class="nav-link px-3 sidebar-link"
data-bs-toggle="collapse"
href="#collapsemov"
role="button"
aria-expanded="false"
aria-controls="collapsemov"
>
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapsemov" role="button"
aria-expanded="false" aria-controls="collapsemov">
<span><i class="bi bi-person-plus me-2"></i></span>
<span>Movimentação</span>
<span class="right-icon ms-auto"
><i class="bi bi-chevron-down"></i
></span>
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
</a>
<div class="collapse" id="collapsemov">
<div>
<ul class="navbar-nav ps-3">
<li *ngIf="pagePaymentPartner">
<a
href="/#/partner/payment"
class="nav-link px-3"
>
<a href="/#/partner/payment" class="nav-link px-3">
<span>Gerar Pagamentos</span>
</a>
</li>
@@ -507,4 +446,4 @@
</div>
</div-->
</div-->

View File

@@ -18,7 +18,7 @@
}
.logo {
background-image: url("../../../assets/img/logo.svg");
background-image: url("../../../assets/img/logo_simplifique.png");
background-position: center;
cursor: pointer;
width: 100%;
@@ -268,7 +268,7 @@ input::-webkit-inner-spin-button {
margin: 0;
}
.cart-container{
.cart-container {
padding-top: 80px;
padding-bottom: 50px;
width: 105%;

View File

@@ -3,22 +3,11 @@
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand light" href="#">
<img
src="../../../assets/img/logo_jurunense.svg"
alt=""
style="height: 40px"
/></a>
<button
class="navbar-toggler light"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<img src="../../../assets/img/logo_simplifique.png" alt="" style="height: 40px" /></a>
<button class="navbar-toggler light" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
</div>
</div>
</div>

View File

@@ -3,7 +3,7 @@
}
.logo {
background-image: url("../../../../assets/img/logo.svg");
background-image: url("../../../../assets/img/logo_simplifique.png");
background-position: center;
cursor: pointer;
width: 100%;
@@ -220,7 +220,7 @@
@media(max-width:576px) {
.side-menu {
display: none;
}
}
}
@media(min-width: 576px) {
@@ -343,16 +343,18 @@
}
.main-content {
// margin-left: 165px;
margin-top: 90px;
// margin-left: 165px;
margin-top: 90px;
width: 100%; //calc(100% - 165px);
// transition: margin-left 300ms;
// transition: margin-left 300ms;
}
.header-table {
width: 130px;
width: 130px;
}
.header-content, .header-menu {
.header-content,
.header-menu {
display: flex;
align-items: center;
}
@@ -407,7 +409,8 @@ width: 130px;
align-items: center;
}
.user div, .client-img {
.user div,
.client-img {
height: 40px;
width: 40px;
margin-right: 1rem;
@@ -429,7 +432,8 @@ width: 130px;
border-bottom: 1px solid #dee2e8;
}
.page-header h1, .page-header small {
.page-header h1,
.page-header small {
color: #74767d;
}
@@ -482,7 +486,7 @@ width: 130px;
}
.number {
text-align: right;
text-align: right;
}
.indicator {
@@ -519,7 +523,8 @@ text-align: right;
align-items: center;
}
.add, .browse {
.add,
.browse {
display: flex;
align-items: center;
}
@@ -531,11 +536,15 @@ text-align: right;
color: #666;
}
input, button, select {
input,
button,
select {
outline: none;
}
.add select, .browse input, .browse select {
.add select,
.browse input,
.browse select {
height: 35px;
border: 1px solid #b0b0b0;
border-radius: 3px;
@@ -617,7 +626,7 @@ table tbody tr {
}
.client-info {
width: 250px;
width: 250px;
}
.client-info h4 {
@@ -662,70 +671,57 @@ width: 250px;
@media only screen and (max-width: 1200px) {
.analytics {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 768px) {
.analytics {
grid-template-columns: 100%;
grid-template-columns: 100%;
}
.sidebar {
left: -165px;
z-index: 90;
left: -165px;
z-index: 90;
}
header {
left: 0;
width: 100%;
left: 0;
width: 100%;
}
.main-content {
margin-left: 0;
width: 100%;
height: 100%;
margin-left: 0;
width: 100%;
height: 100%;
}
#menu-toggle:checked ~ .sidebar {
left: 0;
#menu-toggle:checked~.sidebar {
left: 0;
}
#menu-toggle:checked ~ .sidebar {
width: 165px;
#menu-toggle:checked~.sidebar {
width: 165px;
}
#menu-toggle:checked ~ .sidebar .side-header span {
display: inline-block;
#menu-toggle:checked~.sidebar .side-header span {
display: inline-block;
}
#menu-toggle:checked ~ .sidebar .profile,
#menu-toggle:checked ~ .sidebar .side-menu a small {
display: block;
#menu-toggle:checked~.sidebar .profile,
#menu-toggle:checked~.sidebar .side-menu a small {
display: block;
}
#menu-toggle:checked ~ .sidebar .side-menu a span {
font-size: 1.7rem;
#menu-toggle:checked~.sidebar .side-menu a span {
font-size: 1.7rem;
}
#menu-toggle:checked ~ .main-content header {
left: 0px;
#menu-toggle:checked~.main-content header {
left: 0px;
}
table {
width: 900px;
width: 900px;
}
}
}

View File

@@ -1,5 +1,5 @@
.logo {
background-image: url("../../../../assets/img/logo.svg");
background-image: url("../../../../assets/img/logo_simplifique.png");
background-position: center;
cursor: pointer;
width: 100%;
@@ -11,11 +11,11 @@
background-size: cover;
}
#menu-vertical{
position:fixed;
z-index:999;
overflow:hidden;
padding:6px;
#menu-vertical {
position: fixed;
z-index: 999;
overflow: hidden;
padding: 6px;
height: 100vh;
}
@@ -57,14 +57,14 @@ li a {
margin-left: 250px;
}
.offcanvas-backdrop::before{
.offcanvas-backdrop::before {
display: none;
}
.sidebar-nav{
.sidebar-nav {
transform: none;
visibility: visible !important;
top: 56px;
height: calc(100% - 56px);
}
}
}

View File

@@ -23,19 +23,19 @@
.botao-compre-similar {
text-decoration: none;
color: #fff;
font-weight: bold;
margin-right: 10px;
background-color: #ec7e31;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #ec7e31;
border-radius: 5px;
background-color: #ec7e31;
cursor: pointer;
transition: all 0.3s ease;
color: #fff;
font-weight: bold;
margin-right: 10px;
background-color: #ec7e31;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #ec7e31;
border-radius: 5px;
background-color: #ec7e31;
cursor: pointer;
transition: all 0.3s ease;
}
.botao-compre-similar:hover {
@@ -44,7 +44,7 @@
}
.logo {
background-image: url("../../../../assets/img/logo.svg");
background-image: url("../../../../assets/img/logo_simplifique.png");
background-position: center;
cursor: pointer;
width: 100%;
@@ -191,105 +191,106 @@ li a {
color: white;
}
body {
overflow: auto !important;
}
body {
overflow: auto !important;
}
.offcanvas-backdrop::before {
display: none;
}
.offcanvas-backdrop::before {
display: none;
}
.wrapper {
min-height: 100vh;
}
.wrapper {
min-height: 100vh;
}
body {
background-color: rgb(187, 179, 179);
}
body {
background-color: rgb(187, 179, 179);
}
:host {
padding: 0;
}
:host {
padding: 0;
}
.user-name {
margin-right: 5px;
margin-bottom: 0;
font-family: Metropolis;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 14px;
text-align: right;
color: #000000;
}
.user-name {
margin-right: 5px;
margin-bottom: 0;
font-family: Metropolis;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 14px;
text-align: right;
color: #000000;
}
.id-seller {
font-family: Metropolis;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 10px;
/* identical to box height */
.id-seller {
font-family: Metropolis;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 10px;
/* identical to box height */
text-align: right;
text-align: right;
color: #000000;
}
color: #000000;
}
.truncar-2l {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #ec7e31;
}
.truncar-2l {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #ec7e31;
}
.k-card {
height: 460px;
}
.k-card {
height: 460px;
}
h5 {
padding: 10px;
}
h5 {
padding: 10px;
}
.page-product {
top: 250px;
}
.page-product {
top: 250px;
}
.div-product-img {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-content: center;
}
.div-product-img {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-content: center;
}
.product-img {
width: 100%; /*184px */
height: 184px;
}
.product-img {
width: 100%;
/*184px */
height: 184px;
}
.price {
color: #ec7e31;
font-size: 1.5rem;
font-weight: bold;
}
.price {
color: #ec7e31;
font-size: 1.5rem;
font-weight: bold;
}
.btn-rounded {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
width: 25px;
border-radius: 50%;
}
.btn-rounded {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
width: 25px;
border-radius: 50%;
}
.dropbtn {
background-color: inherit;
color: white;
border: none;
}
.dropbtn {
background-color: inherit;
color: white;
border: none;
}
/* Works on Firefox */
* {
@@ -297,7 +298,7 @@ li a {
// scrollbar-color: blue orange;
}
.k-listview-content{
.k-listview-content {
overflow-y: hidden
}
@@ -479,6 +480,7 @@ li a {
left: 0;
z-index: 100;
}
.k-loading-panel-mask {
width: 100%;
height: 100%;
@@ -488,6 +490,7 @@ li a {
background-color: #000000;
opacity: 0.8;
}
.k-loading-panel-wrapper {
position: relative;
z-index: 2;
@@ -1252,7 +1255,7 @@ footer {
flex-grow: 0;
}
.backMenu{
.backMenu {
margin-top: 90px;
}
@@ -1262,12 +1265,12 @@ img {
height: auto;
}
.img-modal-prod{
.img-modal-prod {
max-width: 100%;
height: auto;
object-fit: contain;
display: block;
margin: 0 auto;
object-fit: contain;
display: block;
margin: 0 auto;
}
.responsive-modal {
@@ -1306,26 +1309,26 @@ body.modal-open {
height: auto !important;
}
#productTogetherModalLabel{
#productTogetherModalLabel {
font-size: 16px;
}
.img-modal-prod{
.img-modal-prod {
max-height: 250px;
}
}
/* Responsividade Tablet */
@media (max-width: 800px) {
.modal-img-edit{
.modal-img-edit {
margin-left: 40px;
}
}
/* Ajustes para tablets */
@media (max-width: 1024px) {
.name-ecommerce{
.name-ecommerce {
margin-top: 10px;
}
@@ -1338,15 +1341,15 @@ body.modal-open {
font-size: 1.5rem;
}
.title-product{
.title-product {
margin-top: 70px;
}
#productTogetherModalLabel{
#productTogetherModalLabel {
font-size: 16px;
}
.img-modal-prod{
.img-modal-prod {
max-height: 250px;
}
}
@@ -1361,8 +1364,10 @@ body.modal-open {
/* Garantir o alinhamento e responsividade dos cards */
.card {
margin: 0 auto; /* Centraliza o card em telas pequenas */
border-radius: 5px; /* Adiciona bordas arredondadas */
margin: 0 auto;
/* Centraliza o card em telas pequenas */
border-radius: 5px;
/* Adiciona bordas arredondadas */
}
.card-title {
@@ -1387,10 +1392,11 @@ body.modal-open {
@media (max-width: 768px) {
.card {
margin-bottom: 20px; /* Adiciona espaçamento entre os cards */
margin-bottom: 20px;
/* Adiciona espaçamento entre os cards */
}
.sale-price {
font-size: 1.2rem;
}
}
}

View File

@@ -14,7 +14,7 @@
}
.logo {
background-image: url("../../../assets/img/logo.svg");
background-image: url("../../../assets/img/logo_simplifique.png");
background-position: center;
cursor: pointer;
width: 100%;
@@ -132,7 +132,7 @@
font-weight: 400;
font-size: 14px;
line-height: 19px;
/* color: #848484; */
/* color: #848484; */
color: black;
}
@@ -204,7 +204,7 @@ li a {
margin-top: 60px;
}
.container-menu-categorias{
.container-menu-categorias {
display: block;
}
@@ -245,9 +245,11 @@ li a {
font-size: 18px;
margin: 10px;
}
kendo-badge-container {
margin-right: 8px;
}
kendo-appbar ul {
font-size: 14px;
list-style-type: none;
@@ -255,16 +257,20 @@ li a {
margin: 0;
display: flex;
}
kendo-appbar li {
margin: 0 9px;
}
kendo-appbar li:hover {
cursor: pointer;
color: #ec7e31;
}
kendo-appbar .actions .k-button {
padding: 0;
}
kendo-breadcrumb {
margin-left: 30px;
}
@@ -372,8 +378,10 @@ li a {
justify-content: center;
align-content: center;
}
.product-img {
width: 100%; /*184px */
width: 100%;
/*184px */
height: 184px;
}
@@ -459,7 +467,7 @@ li a {
// scrollbar-color: blue orange;
}
.k-listview-content{
.k-listview-content {
overflow-y: hidden
}
@@ -588,6 +596,7 @@ li a {
left: 0;
z-index: 100;
}
.k-loading-panel-mask {
width: 100%;
height: 100%;
@@ -597,6 +606,7 @@ li a {
background-color: #000000;
opacity: 0.8;
}
.k-loading-panel-wrapper {
position: relative;
z-index: 2;
@@ -665,36 +675,34 @@ li a {
/* Tablets */
@media (max-width: 991.98px) {
.container-menu-categorias{
.container-menu-categorias {
display: none;
}
.container{
.container {
padding-top: 70px;
}
kendo-listview{
kendo-listview {
border-style: none;
}
}
/* Smartphones */
@media (max-width: 575.98px) {
.container-menu-categorias{
.container-menu-categorias {
display: none;
}
.container{
.container {
padding-top: 60px;
}
.label-search{
.label-search {
font-size: 14px;
}
kendo-listview{
kendo-listview {
border-style: none;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@@ -9,10 +9,10 @@ export const environment = {
//url: 'http://10.1.1.23:8065/api/v1/',
// url: 'http://10.1.1.210:8065/api/v1/',
url: 'http://172.35.0.216:8065/api/v1/',
// url: 'http://172.35.0.216:8065/api/v1/',
//url: 'http://10.1.1.23:8065/api/v1/',
// url: 'http://localhost:8065/api/v1/',
// url: 'http://10.1.1.124:8065/api/v1/',
url: 'http://localhost:8065/api/v1/',
// url: 'http://10.1.1.124:8065/api/v1/',
// URL_PIX: 'http://10.1.1.205:8078/api/v1/',
URL_PIX: 'http://10.1.1.205:8078/api/v1/',