COSCUP
diff --git a/‎content/sponsorship/SponsorshipAddonsTable.vue‎
Lines changed: 2 additions & 17 deletions b/‎content/sponsorship/SponsorshipAddonsTable.vue‎
Lines changed: 2 additions & 17 deletions
diff --git a/‎content/sponsorship/SponsorshipTable.vue‎
Lines changed: 2 additions & 28 deletions b/‎content/sponsorship/SponsorshipTable.vue‎
Lines changed: 2 additions & 28 deletions
@@ -41,11 +41,6 @@ function handlePrint() {
           .unavailable-mark {
             color: #dc2626;
           }
-          @media print {
-            .no-print {
-              display: none;
-            }
-          }
         </style>
       </head>
       <body>
@@ -60,12 +55,9 @@ function handlePrint() {
 
 <template>
   <div class="addons-container">
-    <button
-      class="print-button no-print"
-      @click="handlePrint"
-    >
+    <VPButton @click="handlePrint">
       Print Sponsorship Adds-on Table
-    </button>
+    </VPButton>
 
     <div id="addons-table">
       <table class="addons-table">
@@ -194,11 +186,4 @@ td {
 .unavailable-mark {
   color: #dc2626;
 }
-
-/* Print-specific styles */
-@media print {
-  .no-print {
-    display: none;
-  }
-}
 </style>
@@ -49,11 +49,6 @@ function handlePrint() {
           .benefit-item p {
             margin: 0;
           }
-          @media print {
-            .no-print {
-              display: none;
-            }
-          }
         </style>
       </head>
       <body>
@@ -68,12 +63,9 @@ function handlePrint() {
 
 <template>
   <div class="sponsorship-container">
-    <button
-      class="print-button no-print"
-      @click="handlePrint"
-    >
+    <VPButton @click="handlePrint">
       Print Sponsorship Table
-    </button>
+    </VPButton>
 
     <div id="sponsorship-table">
       <table class="sponsorship-table">
@@ -130,17 +122,6 @@ function handlePrint() {
 </template>
 
 <style scoped>
-/* Button styling */
-.print-button {
-  margin-bottom: 20px;
-  padding: 8px 16px;
-  background-color: #4caf50;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
 /* Table styling */
 .sponsorship-table {
   width: 100%;
@@ -191,11 +172,4 @@ td {
 .benefit-item p {
   margin: 0;
 }
-
-/* Print-specific styles */
-@media print {
-  .no-print {
-    display: none;
-  }
-}
 </style>