d-points: arreglar iconos de los botones de método (Stripe/SumUp)

Los SVG no tenían tamaño intrínseco y se renderizaban enormes encima del
texto. Se porta el layout flex de .dnt-methods del tema original y se
dimensionan los iconos (22px, en línea con el texto) igual que se veía
PayPal. Los SVG llevan ahora width/height explícitos.

Verificado además el flujo Stripe de extremo a extremo (tarjeta de prueba
4242): pago -> página de éxito -> 100 PD acreditados por €1 con reclamo
atómico idempotente. Datos de prueba restaurados tras la verificación.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-13 17:56:24 +00:00
parent 89f6e5689f
commit 6222a46062
5 changed files with 25 additions and 4 deletions
+21
View File
@@ -427,3 +427,24 @@ textarea:focus {
vertical-align: middle;
margin: 0 2px;
}
/* Pasarelas de pago en /d-points: layout e iconos de los botones de método
(portado del tema original; los SVG no tienen tamaño intrínseco, así que se
dimensionan aquí para que el icono quede en línea con el texto como PayPal). */
.dnt-sidebar.dnt-methods {
margin-top: 5px;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 5px;
}
.dnt-sidebar.dnt-methods .dnt-button-2 {
flex: 1 1 auto;
padding: 0 18px;
}
.dnt-sidebar.dnt-methods .dnt-button-2 img {
height: 22px;
width: auto;
vertical-align: middle;
margin-right: 6px;
}
@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 46" role="img" aria-label="Stripe">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="46" viewBox="0 0 150 46" role="img" aria-label="Stripe">
<rect x="0" y="0" width="150" height="46" rx="9" fill="#635BFF"/>
<text x="75" y="31" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="24" letter-spacing="-1" fill="#ffffff">stripe</text>
</svg>

Before

Width:  |  Height:  |  Size: 336 B

After

Width:  |  Height:  |  Size: 360 B

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Stripe">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" role="img" aria-label="Stripe">
<rect x="0" y="0" width="32" height="32" rx="7" fill="#635BFF"/>
<text x="16" y="23" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="20" fill="#ffffff">S</text>
</svg>

Before

Width:  |  Height:  |  Size: 309 B

After

Width:  |  Height:  |  Size: 332 B

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 46" role="img" aria-label="SumUp">
<svg xmlns="http://www.w3.org/2000/svg" width="170" height="46" viewBox="0 0 170 46" role="img" aria-label="SumUp">
<rect x="0" y="0" width="46" height="46" rx="9" fill="#1E64FF"/>
<path d="M13 13 H33 V26 L26 33 H13 Z" fill="#ffffff"/>
<text x="105" y="31" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="24" letter-spacing="-1" fill="#1E64FF">SumUp</text>

Before

Width:  |  Height:  |  Size: 391 B

After

Width:  |  Height:  |  Size: 415 B

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="SumUp">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" role="img" aria-label="SumUp">
<rect x="0" y="0" width="32" height="32" rx="7" fill="#1E64FF"/>
<path d="M9 9 H23 V18 L18 23 H9 Z" fill="#ffffff"/>
</svg>

Before

Width:  |  Height:  |  Size: 219 B

After

Width:  |  Height:  |  Size: 242 B