OneTeam/DonConfiaoCatalog
16
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Styling Card Components

Browse Source
This commit is contained in:
aserrador
2026-01-22 18:54:09 -05:00
parent 7a45128ce4
commit ef58cf6323
2 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/catalog/Catalog.module.css
View File

@@ -14,7 +14,7 @@
min-width: 0; /* evita desbordamientos horizontales */ min-width: 0; /* evita desbordamientos horizontales */
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
border-radius: 24px; border-radius: 24px;
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1); box-shadow: 0 48px 56px rgba(0, 0, 0, 0.1);
} }
.order { .order {
@@ -23,9 +23,9 @@
top: 2rem; /* se queda pegada al hacer scroll */ top: 2rem; /* se queda pegada al hacer scroll */
height: fit-content; /* sólo el alto que necesite su contenido */ height: fit-content; /* sólo el alto que necesite su contenido */
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
border: 1px solid violet; border: 3px solid violet;
border-radius: 24px; border-radius: 24px;
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1); box-shadow: 0 48px 56px rgba(0, 0, 0, 0.1);
padding: 1.5rem; padding: 1.5rem;
} }

22
src/pages/catalog/components/product_cards/components/card/Card.module.css
View File

@@ -3,7 +3,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
border: 2px solid snow; border: 3px solid snow;
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.1);
width: 325px; width: 325px;
height: 500px; height: 500px;
padding: 10px; padding: 10px;
@@ -19,3 +20,22 @@
flex-direction: column; flex-direction: column;
gap: 16px gap: 16px
} }
.button_container button {
display: flex;
flex-direction: column;
font-weight: bold;
background-color: #667eea;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
transition: background-color 0.3s ease;
gap: 16px;
}
.button_container button:hover {
background-color: #5a6fd8;
}