Update

Scille · Feb 12, 2025 · 673fc12 · 673fc12
1 parent c1a9b15
commit 673fc12
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/lib/components/ms-input/MsChoosePasswordInput.vue b/lib/components/ms-input/MsChoosePasswordInput.vue
@@ -43,7 +43,9 @@
       </div>
     </div>
     <div class="password-criteria">
-      <h3 class="password-criteria__title title-h5">{{ $msTranslate('lib.components.msChoosePasswordInput.criteria.title') }}</h3>
+      <ion-text class="password-criteria__title title-h5">
+        {{ $msTranslate('lib.components.msChoosePasswordInput.criteria.title') }}
+      </ion-text>
       <div class="password-criteria-list">
         <p
           v-for="[criterionName, criterion] in CRITERIA.entries()"
@@ -170,6 +172,7 @@ function clear(): void {
 
 .password-criteria {
   display: flex;
+  flex-direction: column;
   gap: 1rem;
 
   &__title {
@@ -183,16 +186,18 @@ function clear(): void {
   }
 
   &__item {
-    background: var(--parsec-color-light-success-50);
     display: flex;
     align-items: center;
+    padding: 0 0.5rem;
     gap: 0.5em;
+    background: var(--parsec-color-light-secondary-premiere);
     color: var(--parsec-color-light-secondary-hard-grey);
     margin: 0;
     border-radius: var(--parsec-radius-12);
 
     &.matches {
       color: var(--parsec-color-light-success-700);
+      background: var(--parsec-color-light-success-50);
       font-weight: 500;
     }
   }