Merge pull request #767 from Adamant-im/fix/password-field-fit

bludnic · web-flow · commit a997fa6a297e · 2025-04-24T15:36:35.000+01:00
feat: text does not reach icon and is centered
diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue
@@ -174,7 +174,8 @@ export default defineComponent({
 
     &:deep(.v-field__input) {
       width: 100%;
-      padding-right: 0;
+      padding-right: 32px;
+      padding-left: 32px;
     }
   }
 }
diff --git a/src/components/LoginPasswordForm.vue b/src/components/LoginPasswordForm.vue
@@ -160,7 +160,8 @@ export default defineComponent({
 
     &:deep(.v-field__input) {
       width: 100%;
-      padding-right: 0;
+      padding-right: 32px;
+      padding-left: 32px;
     }
 
     :deep(input) {

Original file line number	Diff line number	Diff line change
`@@ -174,7 +174,8 @@ export default defineComponent({`
`174`	`174`
`175`	`175`	`&:deep(.v-field__input) {`
`176`	`176`	`width: 100%;`
`177`		`- padding-right: 0;`
	`177`	`+ padding-right: 32px;`
	`178`	`+ padding-left: 32px;`
`178`	`179`	`}`
`179`	`180`	`}`
`180`	`181`	`}`
Original file line number	Diff line number	Diff line change
`@@ -160,7 +160,8 @@ export default defineComponent({`
`160`	`160`
`161`	`161`	`&:deep(.v-field__input) {`
`162`	`162`	`width: 100%;`
`163`		`- padding-right: 0;`
	`163`	`+ padding-right: 32px;`
	`164`	`+ padding-left: 32px;`
`164`	`165`	`}`
`165`	`166`
`166`	`167`	`:deep(input) {`