feat: mejoras en componentes y correcciones ortográficas
- Corrección ortográfica en index.astro (sábados)
- Implementación de prop autoHeight en InitialSection para ajuste dinámico de altura
- Creación del componente PricingCard con diseño responsive
- Creación de PlanDetailsTable con características detalladas de cada plan
- Agregados emojis ✅ a características incluidas en planes
- Actualización de estilos para página de pricing
- Ajustes en el slot extraContent de InitialSection
- Mejoras visuales y estructurales en pricing.astro
This commit is contained in:
52
src/styles/pricingPage.css
Normal file
52
src/styles/pricingPage.css
Normal file
@@ -0,0 +1,52 @@
|
||||
.pricing-page {
|
||||
display: flex;
|
||||
overflow-x: hidden;
|
||||
flex-direction: column;
|
||||
gap: 140px;
|
||||
background-color: transparent;
|
||||
margin-bottom: 140px;
|
||||
}
|
||||
|
||||
.sections {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 48px;
|
||||
padding: 0px 350px;
|
||||
}
|
||||
|
||||
.sections-subtitle {
|
||||
font-size: var(--font-desktop-base);
|
||||
line-height: var(--line-height-desktop-base);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.title-and-phrase {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-sm-8px);
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.pricingcards {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
gap: var(--space-lg-24px);
|
||||
}
|
||||
|
||||
.plans-details-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.plan-details {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-md-16px);
|
||||
}
|
||||
|
||||
.plan-title {
|
||||
border: 1px solid black;
|
||||
text-align: center;
|
||||
padding: 24px;
|
||||
}
|
||||
Reference in New Issue
Block a user