Merge pull request #790 from Adamant-im/feat/update-ui-login-screen-2

adamant-al · web-flow · commit 36e1a612c1ad · 2025-05-16T08:20:23.000+03:00
Chore: Update passphrase's asterisk sign and margin for icons
diff --git a/src/components/PassphraseGenerator.vue b/src/components/PassphraseGenerator.vue
@@ -122,7 +122,7 @@ const el = ref<HTMLElement | null>(null)
 const displayedPassphrase = computed(() => {
   return showSuggestedPassphrase.value
     ? passphrase.value
-    : '*** *** *** *** *** *** *** *** *** *** *** *** '
+    : '⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕'
 })
 
 const passphraseVisibilityTooltip = computed(() => {
@@ -227,6 +227,7 @@ const togglePassphraseVisibility = () => {
     }
   }
   &__icons {
+    margin-top: -4px;
     > *:not(:first-child) {
       margin-left: 20px;
     }

Original file line number	Diff line number	Diff line change
`@@ -122,7 +122,7 @@ const el = ref<HTMLElement \| null>(null)`
`122`	`122`	`const displayedPassphrase = computed(() => {`
`123`	`123`	`return showSuggestedPassphrase.value`
`124`	`124`	`? passphrase.value`
`125`		`- : '* * * * * * * * * * * * '`
	`125`	`+ : '⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕ ⁕⁕⁕'`
`126`	`126`	`})`
`127`	`127`
`128`	`128`	`const passphraseVisibilityTooltip = computed(() => {`
`@@ -227,6 +227,7 @@ const togglePassphraseVisibility = () => {`
`227`	`227`	`}`
`228`	`228`	`}`
`229`	`229`	`&__icons {`
	`230`	`+ margin-top: -4px;`
`230`	`231`	`> *:not(:first-child) {`
`231`	`232`	`margin-left: 20px;`
`232`	`233`	`}`