fix style for hosted fields

buckaroo-it · Nov 21, 2024 · 06dca42 · 06dca42
1 parent f83f7b8
commit 06dca42
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/view/frontend/web/js/view/payment/method-renderer/creditcards.js b/view/frontend/web/js/view/payment/method-renderer/creditcards.js
@@ -148,8 +148,8 @@ define(
                     let cardLogoStyling = {
                         height:"80%",
                         position: 'absolute',
-                        border: '1px soli gray',
-                        radius: '5px',
+                        border: '1px solid #d6d6d6',
+                        borderRadius: "4px",
                         opacity:'1',
                         transition:'all 0.3s ease',
                         right:'5px',
@@ -159,11 +159,18 @@ define(
                     // Define styling and mount hosted fields as needed...
                     let styling = {
                         fontSize: "14px",
-                        fontFamily: 'Consolas, Liberation Mono, Menlo, Courier, monospace',
+                        fontStyle: "normal",
+                        fontWeight: 400,
+                        fontFamily: 'Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif',
                         textAlign: 'left',
-                        background: 'inherit',
-                        color: 'black',
-                        placeholderColor: 'grey',
+                        background: '#fefefe',
+                        color: '#333333',
+                        placeholderColor: '#888888',
+                        borderRadius: '5px',
+                        padding: '8px 10px',
+                        boxShadow: 'none',
+                        transition: 'border-color 0.2s ease, box-shadow 0.2s ease',
+                        border: '1px solid #d6d6d6',
                         cardLogoStyling: cardLogoStyling
                     };