fix display password

assurance-maladie-digital · Jul 26, 2024 · 87f2576 · 87f2576
1 parent c6dbf6a
commit 87f2576
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 13 deletions.
diff --git a/packages/synapse-bridge/src/patterns/PasswordField/PasswordField.vue b/packages/synapse-bridge/src/patterns/PasswordField/PasswordField.vue
@@ -99,5 +99,14 @@ export default defineComponent({
 		width: var(--v-btn-height);
 		height: var(--v-btn-height);
 	}
+	:deep(.v-field.v-field--variant-underlined .v-field__append-inner) {
+		padding-top: 0;
+		padding-bottom: 0;
+		display: flex;
+		align-items: center;
+	}
+	:deep(.v-field.v-field--variant-underlined .v-field__input) {
+		padding-top: calc(var(--v-field-input-padding-top) - 15px);
+	}
 }
 </style>
diff --git a/packages/synapse-bridge/src/patterns/PasswordField/config.ts b/packages/synapse-bridge/src/patterns/PasswordField/config.ts
@@ -1,7 +1,12 @@
+import {tokens} from "@cnamts/design-tokens";
+
 export const config = {
 	validateOnBlur: true,
 	btn: {
 		variant: 'text',
 		icon: true,
 	},
+	icon: {
+		color: tokens.colors.grey.lighten20,
+	},
 }
diff --git a/packages/synapse-bridge/src/styles/settings.scss b/packages/synapse-bridge/src/styles/settings.scss
@@ -259,19 +259,6 @@ a {
 	}
 }
 
-// Field : Custom styles for password variant underlined
-.vd-password {
-	.v-field.v-field--variant-underlined .v-field__append-inner {
-		padding-top: 0;
-		padding-bottom: 0;
-		display: flex;
-		align-items: center;
-	}
-	.v-field.v-field--variant-underlined .v-field__input {
-		padding-top: calc(var(--v-field-input-padding-top) - 15px);
-	}
-}
-
 .v-tooltip > .v-overlay__content {
 	background: rgba(0, 0, 0, 0.54) !important;
 }