Change tenant deletion button colour and proportions

Signed-off-by: Gavin Jaeger-Freeborn <[email protected]>
bcgov · Aug 2, 2024 · 36e161c · 36e161c
1 parent c66ea4f
commit 36e161c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/services/tenant-ui/frontend/src/assets/primevueOverrides/buttons.scss b/services/tenant-ui/frontend/src/assets/primevueOverrides/buttons.scss
@@ -2,7 +2,7 @@
 
 button {
   &.p-button {
-    &:not(.p-button-rounded):not(.p-button-text):not(.p-button-link) {
+    &:not(.p-button-rounded):not(.p-danger):not(.p-button-text):not(.p-button-link) {
       padding: 0.5rem 1rem;
       background-color: $tenant-ui-secondary-color;
       border-color: $tenant-ui-secondary-color;

diff --git a/services/tenant-ui/frontend/src/views/tenant/Profile.vue b/services/tenant-ui/frontend/src/views/tenant/Profile.vue
@@ -11,8 +11,14 @@
         <div class="col-fixed" style="width: 50rem">
           <ProfileForm />
           <Issuance />
+          <Button
+            class="my-4 w-full p-danger"
+            :style="{ padding: '0.5rem 1rem', fontWeight: 'normal' }"
+            severity="danger"
+            label="Delete Tenant"
+            @click="openModal"
+          />
         </div>
-        <Button class="my-4 w-full" label="Delete Tenant" @click="openModal" />
         <Dialog
           v-model:visible="displayModal"
           :style="{ minWidth: '500px' }"