Fix transparent button for v-card-actions (#1116)

bcgov · Oct 26, 2023 · de6a9dd · de6a9dd
1 parent 948cccf
commit de6a9dd
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 4 deletions.
diff --git a/app/frontend/src/components/forms/PrintOptions.vue b/app/frontend/src/components/forms/PrintOptions.vue
@@ -248,9 +248,10 @@ export default {
               <template #activator="{ props }">
                 <v-btn
                   id="file-input-submit"
-                  color="primary"
-                  class="btn-file-input-submit"
+                  variant="flat"
+                  class="btn-file-input-submit px-4"
                   :disabled="!templateForm.files"
+                  color="primary"
                   :loading="loading"
                   v-bind="props"
                   @click="generate"

diff --git a/app/frontend/src/components/forms/manage/ShareForm.vue b/app/frontend/src/components/forms/manage/ShareForm.vue
@@ -160,6 +160,7 @@ export default {
             :class="{ 'dir-rtl': isRTL }"
             class="mb-5 close-dlg"
             color="primary"
+            variant="flat"
             @click="dialog = false"
           >
             <span :lang="lang">{{ $t('trans.shareForm.close') }}</span>

diff --git a/app/frontend/src/components/forms/submission/AuditHistory.vue b/app/frontend/src/components/forms/submission/AuditHistory.vue
@@ -106,7 +106,12 @@ export default {
         </v-card-text>
 
         <v-card-actions class="justify-center">
-          <v-btn class="mb-5 close-dlg" color="primary" @click="dialog = false">
+          <v-btn
+            class="mb-5 close-dlg"
+            color="primary"
+            variant="flat"
+            @click="dialog = false"
+          >
             <span :lang="lang">{{ $t('trans.auditHistory.close') }}</span>
           </v-btn>
         </v-card-actions>

diff --git a/app/frontend/src/components/forms/submission/ManageSubmissionUsers.vue b/app/frontend/src/components/forms/submission/ManageSubmissionUsers.vue
@@ -377,7 +377,12 @@ export default {
         </v-card-text>
 
         <v-card-actions class="justify-center">
-          <v-btn class="mb-5 close-dlg" color="primary" @click="dialog = false">
+          <v-btn
+            class="mb-5 close-dlg"
+            color="primary"
+            variant="flat"
+            @click="dialog = false"
+          >
             <span :lang="lang">
               {{ $t('trans.manageSubmissionUsers.close') }}</span
             >

diff --git a/app/frontend/src/components/forms/submission/StatusPanel.vue b/app/frontend/src/components/forms/submission/StatusPanel.vue
@@ -478,6 +478,7 @@ export default {
                       class="mb-5 close-dlg"
                       :class="{ 'dir-rtl': isRTL }"
                       color="primary"
+                      variant="flat"
                       @click="historyDialog = false"
                     >
                       <span :lang="lang">{{