fix: styles for user and fc cards

bcgov · Oct 1, 2024 · 7730dc0 · 7730dc0
1 parent 803e14e
commit 7730dc0
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/frontend/src/components/grantaccess/GrantAccess.vue b/frontend/src/components/grantaccess/GrantAccess.vue
@@ -260,9 +260,3 @@ function toRequestPayload(formData: any) {
         </VeeForm>
     </div>
 </template>
-
-<style lang="scss">
-.grant-access-container {
-    @import '@/assets/styles/card.scss';
-}
-</style>
diff --git a/frontend/src/components/grantaccess/form/ForestClientInput.vue b/frontend/src/components/grantaccess/form/ForestClientInput.vue
@@ -196,8 +196,14 @@ watch(
 
     <ForestClientCard
         v-if="forestClientData.length > 0"
-        class="px-0"
+        class="fores-client-card-container px-0"
         :forestClientData="forestClientData"
         @remove-item="removeForestClientFromList"
     />
 </template>
+
+<style lang="scss">
+.fores-client-card-container {
+    @import '@/assets/styles/card.scss';
+}
+</style>
diff --git a/frontend/src/components/grantaccess/form/UserNameInput.vue b/frontend/src/components/grantaccess/form/UserNameInput.vue
@@ -158,7 +158,7 @@ watch(
         <div
             v-if="verifiedUserIdentity"
             id="UserIdentityCard"
-            class="col-md-5 px-0"
+            class="user-id-card-container col-md-5 px-0"
         >
             <UserIdentityCard
                 :userIdentity="verifiedUserIdentity"
@@ -167,3 +167,9 @@ watch(
         </div>
     </div>
 </template>
+
+<style lang="scss">
+.user-id-card-container {
+    @import '@/assets/styles/card.scss';
+}
+</style>