@seaverse/payment-sdk 0.9.8 → 0.9.9

package/dist/index.js

@@ -2014,15 +2014,14 @@ class PaymentModal {
       width: 100%;
       max-width: ${this.options.maxWidth};
       overflow-y: auto;
+      overflow-x: hidden;
       border-radius: ${this.options.borderRadius};
       border: ${this.options.border};
       background: ${this.options.background};
       box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
       transform: translateY(20px);
       opacity: 0;
-    `;
-        // 自定义滚动条样式
-        this.modal.style.cssText += `
+      outline: none;
       scrollbar-width: thin;
       scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
     `;
@@ -8308,7 +8307,7 @@ class CreditPackageModal extends BasePackageModal {
             closeOnEsc: false, // Disable ESC key to close
             maxWidth: '1200px',
             background: '#0a0a0f',
-            border: '1px solid rgba(255, 255, 255, 0.1)',
+            border: '1px solid #0a0a0f',
             borderRadius: '24px',
             onClose: () => {
                 this.cleanup();
@@ -8483,6 +8482,11 @@ class CreditPackageModal extends BasePackageModal {
     applyModalStyling() {
         // Modal background, border, and borderRadius are now configured
         // via PaymentModal constructor options in createModal()
+        // Remove content container padding — renderContent manages its own padding
+        const contentContainer = this.getContentContainer();
+        if (contentContainer) {
+            contentContainer.style.padding = '0';
+        }
         // Modify title style
         const titleElement = document.querySelector('.payment-modal-title');
         if (titleElement) {
@@ -8558,6 +8562,7 @@ class CreditPackageModal extends BasePackageModal {
       <div style="
         padding: ${styles.containerPadding};
         background: #0a0a0f;
+        border-radius: 24px;
         color: white;
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
       ">
@@ -8605,7 +8610,7 @@ class CreditPackageModal extends BasePackageModal {
         const isLaptop = window.matchMedia('(max-width: 1400px)').matches;
         let computeColumns = 5;
         let packColumns = 4;
-        let padding = '0 60px 60px';
+        let padding = '40px 60px 60px';
         let titleSize = '32px';
         let subtitleSize = '16px';
         let headerMargin = this.SPACING.lg;
@@ -8613,7 +8618,7 @@ class CreditPackageModal extends BasePackageModal {
         if (isMobile) {
             computeColumns = 1;
             packColumns = 1;
-            padding = '0 16px 32px';
+            padding = '24px 16px 32px';
             titleSize = '24px';
             subtitleSize = '14px';
             headerMargin = this.SPACING.md;
@@ -8622,7 +8627,7 @@ class CreditPackageModal extends BasePackageModal {
         else if (isTablet) {
             computeColumns = 2;
             packColumns = 2;
-            padding = '0 32px 48px';
+            padding = '32px 32px 48px';
             titleSize = '28px';
             subtitleSize = '15px';
             headerMargin = this.SPACING.md;
@@ -8631,7 +8636,7 @@ class CreditPackageModal extends BasePackageModal {
         else if (isLaptop) {
             computeColumns = 3;
             packColumns = 3;
-            padding = '0 48px 60px';
+            padding = '36px 48px 60px';
             titleSize = '32px';
             subtitleSize = '16px';
             headerMargin = this.SPACING.lg;