Make ResetApp Registration layout match the other dialog apps (centered).

This commit is contained in:
2026-02-18 18:01:17 +00:00
parent fa1e69d58b
commit af80b5eefc
+7 -7
View File
@@ -8,7 +8,7 @@
<main class="view-root"> <main class="view-root">
<div class="surface surface--tight reset-container"> <div class="surface surface--tight reset-container">
<header class="view-header reset-header"> <header class="view-header center">
<h1>🔑 Registration</h1> <h1>🔑 Registration</h1>
<p class="view-lede"> <p class="view-lede">
{{ subtitleMessage }} {{ subtitleMessage }}
@@ -80,7 +80,7 @@ const sessionDescriptor = computed(() => tokenInfo.value?.token_type || 'your en
const subtitleMessage = computed(() => { const subtitleMessage = computed(() => {
if (initializing.value) return 'Preparing your secure enrollment…' if (initializing.value) return 'Preparing your secure enrollment…'
if (!canRegister.value) return 'This authentication link is no longer valid.' if (!canRegister.value) return 'This authentication link is no longer valid.'
return `Finish up ${sessionDescriptor.value}. You may edit the name below if needed, and it will be saved to your passkey.` return `Finish up ${sessionDescriptor.value}. The name entered will be stored on your passkey and on our system.`
}) })
const basePath = computed(() => uiBasePath()) const basePath = computed(() => uiBasePath())
@@ -201,14 +201,14 @@ onMounted(async () => {
</script> </script>
<style scoped> <style scoped>
main.view-root { min-height: 100vh; align-items: center; justify-content: center; padding: 2rem 1rem; }
.reset-container { .reset-container {
max-width: 560px; max-width: 520px;
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
} display: flex;
flex-direction: column;
.reset-header { gap: 1.75rem;
text-align: center;
} }
.section-body { .section-body {