Browse Source

airwallex 卡支付输入框样式

fogwind 1 week ago
parent
commit
4f5a980420

+ 3 - 3
src/app/(checkout)/checkout/_components/PaymentMethodAdditional/AirwallexCardInput.tsx

@@ -14,16 +14,16 @@ export default function AirwallexCardInput({
 
         <div id="airwallex-dropIn-card-container" className="w-full">
             <div className="w-full">
-                <div id="airwallex_cardNumber" className="w-full border-1 border-ly-inputborder h-11.5"></div>
+                <div id="airwallex_cardNumber" className="w-full box-border border-1 border-ly-inputborder h-11.5 pl-3 flex items-center"></div>
                 {cardNumberErrorMsg && <p className="text-ly-12 text-ly-errorcolor">{cardNumberErrorMsg}</p>}
             </div>
             <div className="mt-3 flex justify-between gap-4">
                 <div className="w-full">
-                    <div id="airwallex_expiry" className="w-full border-1 border-ly-inputborder h-11.5"></div>
+                    <div id="airwallex_expiry" className="w-full box-border border-1 border-ly-inputborder h-11.5 pl-3 flex items-center"></div>
                     {expiryErrorMsg && <p className="text-ly-12 text-ly-errorcolor">{expiryErrorMsg}</p>}
                 </div>
                 <div className="w-full">
-                    <div id="airwallex_cvc" className="w-full border-1 border-ly-inputborder h-11.5"></div>
+                    <div id="airwallex_cvc" className="w-full box-border border-1 border-ly-inputborder h-11.5 pl-3 flex items-center"></div>
                     {cvcErrorMsg && <p className="text-ly-12 text-ly-errorcolor">{cvcErrorMsg}</p>}
                 </div>
             </div>