Skip to content

Commit 9194b98

Browse files
PiruloDevPiruloDev
committed
Cambios a la UI/ UX y optimizacion de imagenes
1 parent 81f50a7 commit 9194b98

128 files changed

Lines changed: 558 additions & 460 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎Frontend/public/css/cart.css‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -40,19 +40,21 @@ body {
4040
transition: color 0.3s ease;
4141
}
4242

43-
.nav-link::after {
43+
.nav-link::before {
4444
content: '';
4545
position: absolute;
46-
bottom: -5px;
47-
left: 0;
48-
width: 0;
46+
bottom: 0px;
47+
left: 1rem;
48+
right: 1rem;
4949
height: 2px;
5050
background: var(--color-marron);
51-
transition: width 0.3s ease;
51+
transform: scaleX(0);
52+
transform-origin: center;
53+
transition: transform 0.3s ease;
5254
}
5355

54-
.nav-link:hover::after {
55-
width: 100%;
56+
.nav-link:hover::before {
57+
transform: scaleX(1);
5658
}
5759

5860
.btn-user-glass {

‎Frontend/public/css/dashboard-admin.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -416,3 +416,52 @@ html {
416416
padding-top: 70px;
417417
}
418418
}
419+
420+
/* ============================================
421+
Títulos Unificados de Dashboards
422+
============================================ */
423+
.dashboard-page-title {
424+
font-family: 'Playfair Display', serif !important;
425+
color: var(--panaderia-marron-principal, #5c3a21) !important;
426+
font-size: 2rem !important;
427+
font-weight: 700 !important;
428+
margin-bottom: 0 !important;
429+
letter-spacing: 0.5px !important;
430+
display: flex !important;
431+
align-items: center !important;
432+
}
433+
.dashboard-page-title i {
434+
color: var(--panaderia-dorado, #a67c52) !important;
435+
margin-right: 0.75rem !important;
436+
font-size: 1.8rem !important;
437+
}
438+
439+
/* ============================================
440+
Botón Primario Unificado (Crear/Agregar)
441+
============================================ */
442+
.btn-panaderia-action {
443+
background-color: var(--panaderia-dorado, #a67c52) !important;
444+
color: #ffffff !important;
445+
border: none !important;
446+
font-weight: 600 !important;
447+
transition: all var(--panaderia-transition-normal, 0.3s ease) !important;
448+
border-radius: var(--panaderia-radius-sm, 6px) !important;
449+
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
450+
display: inline-flex !important;
451+
align-items: center !important;
452+
gap: 0.5rem !important;
453+
}
454+
455+
.btn-panaderia-action:hover {
456+
background-color: var(--panaderia-marron-hover, #8b6745) !important;
457+
color: #ffffff !important;
458+
transform: translateY(-2px) !important;
459+
box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
460+
}
461+
462+
/* ============================================
463+
Ajustes Generales del Dashboard
464+
============================================ */
465+
body, html {
466+
overflow-x: hidden;
467+
}

‎Frontend/public/css/dashboard-client.css‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -558,3 +558,88 @@ html {
558558
grid-template-columns: 1fr;
559559
}
560560
}
561+
562+
/* ============================================
563+
OVERRIDES EXTERNALIZADOS DESDE BLADE
564+
============================================ */
565+
body, html {
566+
height: 100%;
567+
overflow: hidden;
568+
}
569+
570+
.container-fluid, .row {
571+
height: 100vh;
572+
}
573+
574+
.sidebar {
575+
height: 100vh;
576+
position: sticky;
577+
top: 0;
578+
display: flex;
579+
flex-direction: column;
580+
background-color: #8d734d;
581+
}
582+
583+
.main-content {
584+
height: 100vh;
585+
overflow-y: auto;
586+
padding-bottom: 50px;
587+
}
588+
589+
.nav-link {
590+
cursor: pointer;
591+
transition: all 0.3s;
592+
}
593+
594+
.nav-link.active {
595+
background: rgba(255, 255, 255, 0.2) !important;
596+
font-weight: bold;
597+
}
598+
599+
.sidebar-user {
600+
margin-top: auto;
601+
padding: 20px 15px;
602+
background: rgba(0, 0, 0, 0.15);
603+
border-top: 1px solid rgba(255, 255, 255, 0.1);
604+
}
605+
606+
.logout-btn-custom {
607+
color: #ffbaba !important;
608+
background: rgba(255, 255, 255, 0.05);
609+
border: 1px solid rgba(255, 186, 186, 0.2);
610+
padding: 10px 15px;
611+
border-radius: 8px;
612+
width: 100%;
613+
text-align: left;
614+
display: flex;
615+
align-items: center;
616+
text-decoration: none;
617+
}
618+
619+
.price-badge {
620+
background-color: #f0f7ff;
621+
color: #0d6efd;
622+
padding: 6px 14px;
623+
border-radius: 20px;
624+
font-weight: 700;
625+
}
626+
627+
@media (max-width: 767.98px) {
628+
body, html { overflow: auto; }
629+
.container-fluid, .row { height: auto; }
630+
.main-content { height: auto; overflow-y: visible; }
631+
632+
.sidebar {
633+
position: fixed !important;
634+
top: 0;
635+
left: -100%;
636+
height: 100vh !important;
637+
width: 280px;
638+
z-index: 1050;
639+
transition: left 0.3s ease;
640+
}
641+
642+
.sidebar.show {
643+
left: 0;
644+
}
645+
}

‎Frontend/public/css/dashboard-employee.css‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -381,3 +381,35 @@ html {
381381
padding-top: 70px;
382382
}
383383
}
384+
385+
/* ============================================
386+
Botón Primario Unificado (Crear/Agregar)
387+
============================================ */
388+
.btn-panaderia-action {
389+
background-color: var(--panaderia-dorado, #a67c52) !important;
390+
color: #ffffff !important;
391+
border: none !important;
392+
font-weight: 600 !important;
393+
transition: all var(--panaderia-transition-normal, 0.3s ease) !important;
394+
border-radius: var(--panaderia-radius-sm, 6px) !important;
395+
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
396+
display: inline-flex !important;
397+
align-items: center !important;
398+
gap: 0.5rem !important;
399+
}
400+
401+
.btn-panaderia-action:hover {
402+
background-color: var(--panaderia-marron-hover, #8b6745) !important;
403+
color: #ffffff !important;
404+
transform: translateY(-2px) !important;
405+
box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
406+
}
407+
408+
/* Título unificado del dashboard */
409+
.dashboard-page-title {
410+
font-family: 'Playfair Display', serif !important;
411+
color: #5c3a21 !important;
412+
font-size: 2rem !important;
413+
font-weight: 700 !important;
414+
margin-bottom: 0 !important;
415+
}

‎Frontend/public/css/stylehomepage.css‎

Lines changed: 34 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Lato:wght@300;400;700&display=swap');
2+
13
:root {
24
--color-crema: #f5f5dc;
35
--color-marron: #8b4513;
@@ -30,12 +32,16 @@
3032
ESTILOS GENERALES
3133
============================================ */
3234
body {
33-
font-family: 'Quicksand', sans-serif;
35+
font-family: 'Lato', sans-serif;
3436
background-color: #bb9467 !important;
3537
line-height: 1.6;
3638
overflow-x: hidden;
3739
}
3840

41+
h1, h2, h3, h4, h5, h6, .section-title, .card-title, .font-weight-bold {
42+
font-family: 'Playfair Display', serif;
43+
}
44+
3945
html {
4046
scroll-behavior: smooth;
4147
}
@@ -94,19 +100,21 @@ header {
94100
transition: color 0.3s ease;
95101
}
96102

97-
.nav-link::after {
103+
.nav-link::before {
98104
content: '';
99105
position: absolute;
100-
bottom: -5px;
101-
left: 0;
102-
width: 0;
106+
bottom: 0px;
107+
left: 1rem;
108+
right: 1rem;
103109
height: 2px;
104110
background: var(--color-marron);
105-
transition: width 0.3s ease;
111+
transform: scaleX(0);
112+
transform-origin: center;
113+
transition: transform 0.3s ease;
106114
}
107115

108-
.nav-link:hover::after {
109-
width: 100%;
116+
.nav-link:hover::before {
117+
transform: scaleX(1);
110118
}
111119

112120
/* ============================================
@@ -347,11 +355,18 @@ header {
347355
CARDS DE PRODUCTOS (HOMEPAGE)
348356
============================================ */
349357
.card {
350-
border: none;
358+
border: 2px solid #faa85c !important; /* Borde dorado delicado pero visible */
351359
position: relative;
352360
overflow: hidden;
353361
border-radius: 15px;
354-
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
362+
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.15) !important;
363+
transition: all 0.2s ease;
364+
}
365+
366+
.card:hover {
367+
border-color: #df6d10e8 !important;
368+
box-shadow: 0 8px 25px rgba(56, 56, 55, 0.4) !important;
369+
transform: translateY(-15px);
355370
}
356371

357372
.card-img-custom {
@@ -364,10 +379,17 @@ header {
364379
CARDS DE PRODUCTOS (MENÚ)
365380
============================================ */
366381
.card-hover {
367-
border: none;
382+
border: 2px solid #ffc400 !important; /* Borde dorado delicado pero visible */
368383
border-radius: 12px;
369384
overflow: hidden;
370-
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
385+
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.15) !important;
386+
transition: all 0.1s ease;
387+
}
388+
389+
.card-hover:hover {
390+
border-color: #ffee00 !important;
391+
box-shadow: 0 8px 25px rgb(255, 196, 0) !important;
392+
transform: translateY(-10px);
371393
}
372394

373395
.card-img-container {

‎Frontend/public/css/stylempleado.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -82,3 +82,45 @@ form.d-inline {
8282
display: inline-block !important;
8383
margin: 0 !important;
8484
}
85+
86+
/* ============================================
87+
Títulos Unificados de Dashboards
88+
============================================ */
89+
.dashboard-page-title {
90+
font-family: 'Playfair Display', serif !important;
91+
color: var(--panaderia-marron-principal, #5c3a21) !important;
92+
font-size: 2rem !important;
93+
font-weight: 700 !important;
94+
margin-bottom: 0 !important;
95+
letter-spacing: 0.5px !important;
96+
display: flex !important;
97+
align-items: center !important;
98+
}
99+
.dashboard-page-title i {
100+
color: var(--panaderia-dorado, #a67c52) !important;
101+
margin-right: 0.75rem !important;
102+
font-size: 1.8rem !important;
103+
}
104+
105+
/* ============================================
106+
Botón Primario Unificado (Crear/Agregar)
107+
============================================ */
108+
.btn-panaderia-action {
109+
background-color: var(--panaderia-dorado, #a67c52) !important;
110+
color: #ffffff !important;
111+
border: none !important;
112+
font-weight: 600 !important;
113+
transition: all var(--panaderia-transition-normal, 0.3s ease) !important;
114+
border-radius: var(--panaderia-radius-sm, 6px) !important;
115+
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
116+
display: inline-flex !important;
117+
align-items: center !important;
118+
gap: 0.5rem !important;
119+
}
120+
121+
.btn-panaderia-action:hover {
122+
background-color: var(--panaderia-marron-hover, #8b6745) !important;
123+
color: #ffffff !important;
124+
transform: translateY(-2px) !important;
125+
box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
126+
}

‎Frontend/public/css/styleregister.css‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,27 +10,30 @@
1010
}
1111

1212
body {
13-
background: url(../images/bg.jpg) no-repeat center center / cover;
14-
height: 100vh;
13+
background: url(../images/bg.jpg) no-repeat center center fixed;
14+
background-size: cover;
15+
min-height: 100vh;
1516
margin: 0;
1617
display: flex;
1718
justify-content: center;
1819
align-items: center;
1920
font-family: 'Lato', sans-serif;
21+
padding: 40px 20px;
22+
box-sizing: border-box;
2023
}
2124

2225
.registro-container {
2326
background: var(--container-bg);
24-
backdrop-filter: blur(10px);
25-
-webkit-backdrop-filter: blur(10px);
27+
backdrop-filter: blur(5px);
28+
-webkit-backdrop-filter: blur(5px);
2629
padding: 40px;
2730
border-radius: 15px;
2831
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
2932
border: 1px solid rgba(255, 255, 255, 0.4);
3033
width: 90%;
3134
max-width: 900px;
3235
display: flex;
33-
align-items: flex-start;
36+
align-items: stretch;
3437
gap: 40px;
3538
text-align: left;
3639
}

0 commit comments

Comments
 (0)