|
46 | 46 | </h1> |
47 | 47 |
|
48 | 48 | <p class="text-md text-text-tertiary font-medium text-balance sm:text-center"> |
49 | | - {#if $AUTH_FLOW_UPDATES} |
50 | | - Create an identity with a passkey, using biometrics or a security key. |
51 | | - Your data never leaves your device. |
52 | | - {:else} |
53 | | - With passkeys, you can now use your fingerprint, face, or screen lock to |
54 | | - quickly and securely confirm it’s really you. |
55 | | - {/if} |
| 49 | + Create an identity with a passkey, using biometrics or a security key. Your |
| 50 | + data never leaves your device. |
56 | 51 | </p> |
57 | 52 | </div> |
58 | 53 | <div class="flex flex-col gap-3"> |
|
98 | 93 | Continue from another device |
99 | 94 | </Button> |
100 | 95 | {/if} |
101 | | - {#if $AUTH_FLOW_UPDATES} |
102 | | - <div class="flex flex-row items-center justify-between gap-4"> |
103 | | - <p class="text-text-secondary text-sm"> |
104 | | - Learn about privacy preservation |
105 | | - </p> |
106 | | - <div bind:this={popoverAnchorRef}> |
107 | | - <Button |
108 | | - variant="tertiary" |
109 | | - onclick={() => (showPrivacyPopover = !showPrivacyPopover)} |
110 | | - > |
111 | | - <HelpCircleIcon |
112 | | - size="20" |
113 | | - class="text-text-primary stroke-fg-tertiary" |
114 | | - /> |
115 | | - </Button> |
116 | | - </div> |
| 96 | + <div class="flex flex-row items-center justify-between gap-4"> |
| 97 | + <p class="text-text-secondary text-sm">Learn about privacy preservation</p> |
| 98 | + <div bind:this={popoverAnchorRef}> |
| 99 | + <Button |
| 100 | + variant="tertiary" |
| 101 | + onclick={() => (showPrivacyPopover = !showPrivacyPopover)} |
| 102 | + > |
| 103 | + <HelpCircleIcon |
| 104 | + size="20" |
| 105 | + class="text-text-primary stroke-fg-tertiary" |
| 106 | + /> |
| 107 | + </Button> |
117 | 108 | </div> |
118 | | - {#if showPrivacyPopover} |
119 | | - <Popover |
120 | | - anchor={popoverAnchorRef} |
121 | | - direction="up" |
122 | | - align="end" |
123 | | - distance="10px" |
124 | | - class="gap-0.5" |
125 | | - onClose={() => (showPrivacyPopover = false)} |
| 109 | + </div> |
| 110 | + {#if showPrivacyPopover} |
| 111 | + <Popover |
| 112 | + anchor={popoverAnchorRef} |
| 113 | + direction="up" |
| 114 | + align="end" |
| 115 | + distance="10px" |
| 116 | + class="gap-0.5" |
| 117 | + onClose={() => (showPrivacyPopover = false)} |
| 118 | + > |
| 119 | + <p class="text-text-primary text-xs font-semibold"> |
| 120 | + Internet Identity protects your privacy |
| 121 | + </p> |
| 122 | + <p class="text-text-secondary text-xs font-medium"> |
| 123 | + Internet Identity never shares your personal data, such as email or |
| 124 | + name, with apps or websites. Instead, it creates a unique pseudonym for |
| 125 | + each app, so you can't be tracked across apps. All of this happens |
| 126 | + automatically in the background. You don't need to manage anything. |
| 127 | + </p> |
| 128 | + <a |
| 129 | + href={II_SUPPORT_PRIVACY_SECURITY} |
| 130 | + target="_blank" |
| 131 | + class="text-text-tertiary mt-2.5 self-end text-xs font-bold underline" |
126 | 132 | > |
127 | | - <p class="text-text-primary text-xs font-semibold"> |
128 | | - Internet Identity protects your privacy |
129 | | - </p> |
130 | | - <p class="text-text-secondary text-xs font-medium"> |
131 | | - Internet Identity never shares your personal data, such as email or |
132 | | - name, with apps or websites. Instead, it creates a unique pseudonym |
133 | | - for each app, so you can't be tracked across apps. All of this happens |
134 | | - automatically in the background. You don't need to manage anything. |
135 | | - </p> |
136 | | - <a |
137 | | - href={II_SUPPORT_PRIVACY_SECURITY} |
138 | | - target="_blank" |
139 | | - class="text-text-tertiary mt-2.5 self-end text-xs font-bold underline" |
140 | | - > |
141 | | - Learn More |
142 | | - </a> |
143 | | - </Popover> |
144 | | - {/if} |
| 133 | + Learn More |
| 134 | + </a> |
| 135 | + </Popover> |
145 | 136 | {/if} |
146 | 137 | </div> |
0 commit comments