优化支付页面样式

app/code/Oceanpayment/Creditcard/view/frontend/web/css/styles.css

@@ -6,6 +6,7 @@
 
 
 .payment-method div.payment_logo_oceanpaymentcreditcard {
 .payment-method div.payment_logo_oceanpaymentcreditcard {
     background:url(../images/payment_logo.png) no-repeat;
     background:url(../images/payment_logo.png) no-repeat;
+    height: 40px;
 }
 }
 
 
 
 

app/code/Oceanpayment/Klarna/view/frontend/web/css/styles.css

@@ -5,6 +5,9 @@
     }
     }
 }
 }
 .payment-method div.payment_logo_oceanpaymentklarna {
 .payment-method div.payment_logo_oceanpaymentklarna {
+    width: 50%;
+    height: 40px;
+    margin-top: -2%;
     background:url(../images/payment_logo.png) no-repeat;
     background:url(../images/payment_logo.png) no-repeat;
 }
 }
 
 

app/code/Rokanthemes/OnePageCheckout/view/frontend/web/template/payment/discount.html

-<style type="text/css">
-    @media(max-width: 1024px){
-        .payment-option.opc-payment-additional.discount-code{
-            margin-bottom: 100px;
-        }
-    }
-</style>
-<div class="payment-option opc-payment-additional discount-code" style="background-color: #f9f9f9;padding: 15px;">
+<div class="payment-option opc-payment-additional discount-code" style="padding: 15px;">
     <div class="payment-option-content" data-role="content">
     <div class="payment-option-content" data-role="content">
         <!-- ko foreach: getRegion('messages') -->
         <!-- ko foreach: getRegion('messages') -->
         <!-- ko template: getTemplate() --><!-- /ko -->
         <!-- ko template: getTemplate() --><!-- /ko -->

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml

@@ -105,16 +105,13 @@
         font-size: 13px;
         font-size: 13px;
     }
     }
     .table-checkout-shipping-method tr.row{
     .table-checkout-shipping-method tr.row{
-        /*border: 1px solid #1979c3;*/
-        box-shadow: 0 2px 8px rgb(56 77 108 / 40%);
+        border: 1px solid #1979c3;
         line-height: 20px;
         line-height: 20px;
         display: block;
         display: block;
         padding: 0 20px;
         padding: 0 20px;
         margin-bottom: 10px;
         margin-bottom: 10px;
     }
     }
-    /*table tbody:last-child tr:last-child{*/
-    /*    border-bottom: 1px solid #1979c3;*/
-    /*}*/
+
     a[href^="tel:"]{
     a[href^="tel:"]{
         color: #666666;
         color: #666666;
     }
     }
@@ -219,9 +216,9 @@
         margin-top: 4px;
         margin-top: 4px;
     }
     }
     .payment-method{
     .payment-method{
-        background: #f9f9f9;
         padding: 10px 20px;
         padding: 10px 20px;
         margin-bottom: 20px;
         margin-bottom: 20px;
+        border: 1px solid #dcdcdc;
     }
     }
     .payment-method ._active{
     .payment-method ._active{
         border: 1px solid #1979c3;
         border: 1px solid #1979c3;
@@ -363,6 +360,16 @@
             vertical-align: bottom;
             vertical-align: bottom;
             margin-right: 15px;
             margin-right: 15px;
         }
         }
+
+        .payment-method-title label.label span {
+            display: none;
+        }
+        .payment-method-title label.label {
+            width: 100%;
+        }
+        table tbody:last-child tr:last-child {
+            border-bottom: 1px solid #1979c3 !important;
+        }
     }
     }
 </style>
 </style>
 <div id="checkout" data-bind="scope:'checkout'" class="checkout-container">
 <div id="checkout" data-bind="scope:'checkout'" class="checkout-container">

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -2305,7 +2305,8 @@ tr.grand.totals {
   }
   }
   #opc-sidebar {
   #opc-sidebar {
     box-shadow: 0 2px 5px #f0f0ff;
     box-shadow: 0 2px 5px #f0f0ff;
-    font-size: 12px;
+    font-size: 12px !important;
+    margin-bottom: 20px;
   }
   }
   .box {
   .box {
     width: 100% !important;
     width: 100% !important;