natalia.cancino
/
FrontPastel
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Descripcion Pasteles

This commit is contained in:
Cesar.Gomez 2024-05-10 14:40:10 -06:00
parent 102b6ef513
commit d708a57d99
8 changed files with 40 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/Pasteles/ChocolateBlanco.css
View File

@ -157,6 +157,7 @@
background-color: #fff; background-color: #fff;
height: 4.4rem; height: 4.4rem;
overflow: hidden; overflow: hidden;
} }
.search-form input { .search-form input {
@ -168,10 +169,12 @@
padding: 0 2rem; padding: 0 2rem;
color: #777; color: #777;
cursor: pointer; cursor: pointer;
display: none;
} }
.search-form input::-webkit-search-cancel-button { .search-form input::-webkit-search-cancel-button {
appearance: none; appearance: none;
} }
.search-form .btn-search { .search-form .btn-search {
@ -182,6 +185,7 @@
justify-content: center; justify-content: center;
height: 100%; height: 100%;
padding: 1rem; padding: 1rem;
display: none;
} }
.btn-search i { .btn-search i {

15
frontend/src/Pasteles/ChocolateBlanco.jsx
View File

@ -105,9 +105,9 @@ function ChocolateBlanco() {
<div className="container-details-product"> <div className="container-details-product">
<div className="form-group"> <div className="form-group">
<div className="OpcionesPers"> <div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p> <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p> <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4"> <div className="mb-4">
</div> </div>
@ -121,7 +121,7 @@ function ChocolateBlanco() {
<div className="container-add-cart"> <div className="container-add-cart">
<button className="btn-add-to-cart"> <button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i> <i className="fa-solid fa-plus"></i>
Añadir al carrito Comprar
</button> </button>
</div> </div>
@ -132,14 +132,7 @@ function ChocolateBlanco() {
</div> </div>
<div className="text-description"> <div className="text-description">
<p> <p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Este es un delicioso pastel de globo terráqueo de chocolate con glaseado de vainilla. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El glaseado de vainilla es cremoso y dulce, y la decoración del globo terráqueo con glaseado azul y verde añade un toque de creatividad y diversión.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
</p> </p>
</div> </div>
</div> </div>

17
frontend/src/Pasteles/PastelCajeta.jsx
View File

@ -99,16 +99,16 @@ function PastelCajeta() {
<div className="container-info-product"> <div className="container-info-product">
<div className="container-price"> <div className="container-price">
<h1 className="titulo-Pastel">Pastel De Chocolate</h1> <h1 className="titulo-Pastel">Pastel De Cajeta</h1>
<i className="fa-solid fa-angle-right"></i> <i className="fa-solid fa-angle-right"></i>
</div> </div>
<div className="container-details-product"> <div className="container-details-product">
<div className="form-group"> <div className="form-group">
<div className="OpcionesPers"> <div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p> <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p> <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4"> <div className="mb-4">
</div> </div>
@ -122,7 +122,7 @@ function PastelCajeta() {
<div className="container-add-cart"> <div className="container-add-cart">
<button className="btn-add-to-cart"> <button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i> <i className="fa-solid fa-plus"></i>
Añadir al carrito Comprar
</button> </button>
</div> </div>
@ -133,14 +133,7 @@ function PastelCajeta() {
</div> </div>
<div className="text-description"> <div className="text-description">
<p> <p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Este es un delicioso pastel de chocolate con ganache de chocolate y frambuesas. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El ganache de chocolate es cremoso y dulce, y las frambuesas frescas añaden un toque de acidez y color.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
</p> </p>
</div> </div>
</div> </div>

17
frontend/src/Pasteles/PastelChocolate.jsx
View File

@ -107,9 +107,11 @@ function PastelChocolate() {
<div className="container-details-product"> <div className="container-details-product">
<div className="form-group"> <div className="form-group">
<div className="OpcionesPers"> <div className="OpcionesPers">
<h2 className="textPersPastel">Personaliza tu pastel</h2> <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4"> <div className="mb-4">
<p className="pastel-Type">Tipo de Pastel</p>
</div> </div>
<div className="mb-6"> <div className="mb-6">
@ -122,7 +124,7 @@ function PastelChocolate() {
<div className="container-add-cart"> <div className="container-add-cart">
<button className="btn-add-to-cart"> <button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i> <i className="fa-solid fa-plus"></i>
Añadir al carrito Comprar
</button> </button>
</div> </div>
@ -133,14 +135,7 @@ function PastelChocolate() {
</div> </div>
<div className="text-description"> <div className="text-description">
<p> <p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Este es un delicioso pastel de chocolate con frosting de chocolate y bolitas de chocolate. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El frosting de chocolate es cremoso y dulce, y las bolitas de chocolate añaden un toque de textura y sabor.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
</p> </p>
</div> </div>
</div> </div>

17
frontend/src/Pasteles/PastelFrambuesa.jsx
View File

@ -98,16 +98,16 @@ function PastelFrambuesa() {
<div className="container-info-product"> <div className="container-info-product">
<div className="container-price"> <div className="container-price">
<h1 className="titulo-Pastel">Pastel De Chocolate</h1> <h1 className="titulo-Pastel">Pastel De Frambuesa</h1>
<i className="fa-solid fa-angle-right"></i> <i className="fa-solid fa-angle-right"></i>
</div> </div>
<div className="container-details-product"> <div className="container-details-product">
<div className="form-group"> <div className="form-group">
<div className="OpcionesPers"> <div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p> <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p> <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4"> <div className="mb-4">
</div> </div>
@ -121,7 +121,7 @@ function PastelFrambuesa() {
<div className="container-add-cart"> <div className="container-add-cart">
<button className="btn-add-to-cart"> <button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i> <i className="fa-solid fa-plus"></i>
Añadir al carrito Comprar
</button> </button>
</div> </div>
@ -132,14 +132,7 @@ function PastelFrambuesa() {
</div> </div>
<div className="text-description"> <div className="text-description">
<p> <p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Este es un delicioso pastel de terciopelo rojo con glaseado blanco y chispas. El pastel es de un color rojo intenso y tiene una textura suave y húmeda. El glaseado blanco es cremoso y dulce, y las chispas añaden un toque de color y diversión.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
</p> </p>
</div> </div>
</div> </div>

18
frontend/src/Pasteles/PastelMoka.jsx
View File

@ -107,9 +107,12 @@ function PastelMoka() {
<div className="container-details-product"> <div className="container-details-product">
<div className="form-group"> <div className="form-group">
<div className="OpcionesPers"> <div className="OpcionesPers">
<h2 className="textPersPastel">Personaliza tu pastel</h2> <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4"> <div className="mb-4">
<p className="pastel-Type">Tipo de Pastel</p>
</div> </div>
<div className="mb-6"> <div className="mb-6">
@ -122,7 +125,7 @@ function PastelMoka() {
<div className="container-add-cart"> <div className="container-add-cart">
<button className="btn-add-to-cart"> <button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i> <i className="fa-solid fa-plus"></i>
Añadir al carrito Comprar
</button> </button>
</div> </div>
@ -133,14 +136,7 @@ function PastelMoka() {
</div> </div>
<div className="text-description"> <div className="text-description">
<p> <p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Este es un delicioso pastel de chocolate con ganache de chocolate. El pastel es de un color marrón intenso y tiene una textura húmeda y densa. El ganache de chocolate es cremoso y dulce, y la decoración con frutas frescas añade un toque de frescura y color.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
</p> </p>
</div> </div>
</div> </div>

17
frontend/src/Pasteles/PastelZanahoria.jsx
View File

@ -98,16 +98,16 @@ function PastelZanahoria() {
<div className="container-info-product"> <div className="container-info-product">
<div className="container-price"> <div className="container-price">
<h1 className="titulo-Pastel">Pastel De Chocolate</h1> <h1 className="titulo-Pastel">Pastel De Zanahoria</h1>
<i className="fa-solid fa-angle-right"></i> <i className="fa-solid fa-angle-right"></i>
</div> </div>
<div className="container-details-product"> <div className="container-details-product">
<div className="form-group"> <div className="form-group">
<div className="OpcionesPers"> <div className="OpcionesPers">
<h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1">$400</p> <h2 className="textPersPastel">Precio:</h2><p className="pastel-Type1"><strong>$400</strong></p>
<h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1">Grande</p> <h2 className="textPersPastel">Tamaño:</h2><p className="pastel-Type1"><strong>Grande</strong></p>
<div className="mb-4"> <div className="mb-4">
</div> </div>
@ -121,7 +121,7 @@ function PastelZanahoria() {
<div className="container-add-cart"> <div className="container-add-cart">
<button className="btn-add-to-cart"> <button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i> <i className="fa-solid fa-plus"></i>
Añadir al carrito Comprar
</button> </button>
</div> </div>
@ -132,14 +132,7 @@ function PastelZanahoria() {
</div> </div>
<div className="text-description"> <div className="text-description">
<p> <p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Este es un delicioso pastel de zanahoria con queso crema y nueces picadas. El pastel es de un color naranja intenso y tiene una textura húmeda y densa. El queso crema es cremoso y dulce, y las nueces picadas añaden un toque de textura y sabor.
Laboriosam iure provident atque voluptatibus reiciendis quae
rerum, maxime placeat enim cupiditate voluptatum, temporibus
quis iusto. Enim eum qui delectus deleniti similique? Lorem,
ipsum dolor sit amet consectetur adipisicing elit. Sint autem
magni earum est dolorem saepe perferendis repellat ipsam
laudantium cum assumenda quidem quam, vero similique? Iusto
officiis quod blanditiis iste?
</p> </p>
</div> </div>
</div> </div>

6
frontend/src/PersPastelStyle.css
View File

@ -145,7 +145,6 @@
.menu a:hover { .menu a:hover {
color: #fff; color: #fff;
} }
.search-form { .search-form {
position: relative; position: relative;
display: flex; display: flex;
@ -155,6 +154,7 @@
background-color: #fff; background-color: #fff;
height: 4.4rem; height: 4.4rem;
overflow: hidden; overflow: hidden;
} }
.search-form input { .search-form input {
@ -166,10 +166,12 @@
padding: 0 2rem; padding: 0 2rem;
color: #777; color: #777;
cursor: pointer; cursor: pointer;
display: none;
} }
.search-form input::-webkit-search-cancel-button { .search-form input::-webkit-search-cancel-button {
appearance: none; appearance: none;
} }
.search-form .btn-search { .search-form .btn-search {
@ -180,8 +182,8 @@
justify-content: center; justify-content: center;
height: 100%; height: 100%;
padding: 1rem; padding: 1rem;
display: none;
} }
.btn-search i { .btn-search i {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;