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>
@@ -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 |