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

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

@ -105,9 +105,9 @@ function ChocolateBlanco() {
<div className="container-details-product">
<div className="form-group">
<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>
@ -121,7 +121,7 @@ function ChocolateBlanco() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -132,14 +132,7 @@ function ChocolateBlanco() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
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?
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.
</p>
</div>
</div>

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

@ -99,16 +99,16 @@ function PastelCajeta() {
<div className="container-info-product">
<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>
</div>
<div className="container-details-product">
<div className="form-group">
<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>
@ -122,7 +122,7 @@ function PastelCajeta() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -133,14 +133,7 @@ function PastelCajeta() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
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?
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.
</p>
</div>
</div>

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

@ -107,9 +107,11 @@ function PastelChocolate() {
<div className="container-details-product">
<div className="form-group">
<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">
<p className="pastel-Type">Tipo de Pastel</p>
</div>
<div className="mb-6">
@ -122,7 +124,7 @@ function PastelChocolate() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -133,14 +135,7 @@ function PastelChocolate() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
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?
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.
</p>
</div>
</div>

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

@ -98,16 +98,16 @@ function PastelFrambuesa() {
<div className="container-info-product">
<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>
</div>
<div className="container-details-product">
<div className="form-group">
<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>
@ -121,7 +121,7 @@ function PastelFrambuesa() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -132,14 +132,7 @@ function PastelFrambuesa() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
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?
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.
</p>
</div>
</div>

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

@ -107,9 +107,12 @@ function PastelMoka() {
<div className="container-details-product">
<div className="form-group">
<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">
<p className="pastel-Type">Tipo de Pastel</p>
</div>
<div className="mb-6">
@ -122,7 +125,7 @@ function PastelMoka() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -133,14 +136,7 @@ function PastelMoka() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
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?
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.
</p>
</div>
</div>

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

@ -98,16 +98,16 @@ function PastelZanahoria() {
<div className="container-info-product">
<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>
</div>
<div className="container-details-product">
<div className="form-group">
<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>
@ -121,7 +121,7 @@ function PastelZanahoria() {
<div className="container-add-cart">
<button className="btn-add-to-cart">
<i className="fa-solid fa-plus"></i>
Añadir al carrito
Comprar
</button>
</div>
@ -132,14 +132,7 @@ function PastelZanahoria() {
</div>
<div className="text-description">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
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?
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.
</p>
</div>
</div>

6
frontend/src/PersPastelStyle.css
View File

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