diff --git a/AGENTS.md b/AGENTS.md index 552c6da..9526b9d 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -204,6 +204,7 @@ Exportado como `wrapLayout(content)`. Proporciona: - Fondo: `#edf7f4` - Card blanca: `max-width: 520px`, `border-radius: 28px`, `box-shadow: 0 24px 70px rgba(15,23,42,0.12)`, `border: 1px solid rgba(5,9,20,0.1)` - Playzer favicon: `{APP_BASE_URL}/playzer-favicon-512-transparent.png` (está en `apps/frontend/public/`) +- **Sin `min-height: 100vh`**: la card empieza arriba, no centrada verticalmente ```typescript import { wrapLayout } from '@/emails/booking-confirmation'; @@ -222,6 +223,15 @@ const html = wrapLayout(`...contenido...`); | **Pie** | Sin pie de marca. Solo texto secundario opcional centrado si es necesario. | | **Sin botones de acción** | Los emails de booking **no** incluyen los botones "Compartir por WhatsApp" ni "Hacer otra reserva". | +### Padding estándar + +| Ubicación | Valor | +|-----------|-------| +| Wrapper (outer ``) | `padding: 24px 12px` | +| Primer `` del contenido (header) | `padding: 24px 20px 16px` | +| `` intermedios (cards, texto) | `padding: 0 20px 16px` | +| Último `` del contenido | `padding: 0 20px 24px` | + ### Colores de badges según estado | Estado | Fondo badge | Texto badge | diff --git a/apps/backend/src/emails/booking-confirmation.ts b/apps/backend/src/emails/booking-confirmation.ts index f0a4994..970ccd5 100644 --- a/apps/backend/src/emails/booking-confirmation.ts +++ b/apps/backend/src/emails/booking-confirmation.ts @@ -59,9 +59,9 @@ export function wrapLayout(content: string) { - +
- -
+ ${content}
@@ -78,7 +78,7 @@ export function bookingConfirmationHtml(data: BookingEmailData): string { const content = `
+ -
@@ -111,7 +111,7 @@ export function bookingConfirmationHtml(data: BookingEmailData): string {
+ -
@@ -147,7 +147,7 @@ export function bookingConfirmationHtml(data: BookingEmailData): string {
+ - -
@@ -172,7 +172,7 @@ export function bookingConfirmationHtml(data: BookingEmailData): string {
+

Presentá el código de reserva al llegar al complejo.
@@ -189,7 +189,7 @@ export function bookingCancelledHtml(data: BookingEmailData): string { const content = `

+ -
@@ -222,7 +222,7 @@ export function bookingCancelledHtml(data: BookingEmailData): string {
+ -
@@ -242,7 +242,7 @@ export function bookingCancelledHtml(data: BookingEmailData): string {
+ -
@@ -257,7 +257,7 @@ export function bookingCancelledHtml(data: BookingEmailData): string {
+ -
@@ -289,7 +289,7 @@ export function bookingNoShowHtml(data: BookingEmailData): string { const content = `
+ -
@@ -322,7 +322,7 @@ export function bookingNoShowHtml(data: BookingEmailData): string {
+ -
@@ -342,7 +342,7 @@ export function bookingNoShowHtml(data: BookingEmailData): string {
+ -
@@ -357,7 +357,7 @@ export function bookingNoShowHtml(data: BookingEmailData): string {
+ -
diff --git a/apps/backend/src/lib/auth.ts b/apps/backend/src/lib/auth.ts index 5c9b7e7..f018627 100644 --- a/apps/backend/src/lib/auth.ts +++ b/apps/backend/src/lib/auth.ts @@ -38,7 +38,7 @@ export const auth = betterAuth({ const content = `
+ - -
@@ -71,7 +71,7 @@ export const auth = betterAuth({
+padding:0 20px 16px;

Hacé click en el botón de abajo para verificar tu dirección de correo electrónico y empezar a usar Playzer.

@@ -79,7 +79,7 @@ export const auth = betterAuth({
+ -
@@ -91,7 +91,7 @@ export const auth = betterAuth({
+

Si no creaste una cuenta en Playzer, ignorá este mensaje.