fix: don't break the layout

I was so focused on the welcome screen that I accidentally broke the
profile.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This commit is contained in:
André Jaenisch 2024-07-05 16:40:02 +02:00
parent 0d1b0454ef
commit a8097d3363
No known key found for this signature in database
GPG key ID: 5A668E771F1ED854
2 changed files with 20 additions and 18 deletions

View file

@ -24,6 +24,6 @@ You should have received a copy of the GNU Affero General Public License along w
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" /> <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
</head> </head>
<body data-sveltekit-preload-data="hover" data-theme="skeleton"> <body data-sveltekit-preload-data="hover" data-theme="skeleton">
<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div> <div class="flex flex-col h-full">%sveltekit.body%</div>
</body> </body>
</html> </html>

View file

@ -17,9 +17,10 @@ You should have received a copy of the GNU Affero General Public License along w
import AnvilLogo from '../atoms/AnvilLogo.svelte'; import AnvilLogo from '../atoms/AnvilLogo.svelte';
</script> </script>
<div <main class="flex h-full">
<div
class="max-w-[400px] mx-auto flex flex-col self-center justify-start items-center content-stretch bg-surface-50 border border-rounded border-surface-200 drop-shadow p-8" class="max-w-[400px] mx-auto flex flex-col self-center justify-start items-center content-stretch bg-surface-50 border border-rounded border-surface-200 drop-shadow p-8"
> >
<AnvilLogo class="items-center w-[77px]" /> <AnvilLogo class="items-center w-[77px]" />
<h1 class="font-semibold text-4xl text-surface-500">{$_('page.welcome.headline')}</h1> <h1 class="font-semibold text-4xl text-surface-500">{$_('page.welcome.headline')}</h1>
<p class="text-surface-500">{$_('page.welcome.intro')}</p> <p class="text-surface-500">{$_('page.welcome.intro')}</p>
@ -36,4 +37,5 @@ You should have received a copy of the GNU Affero General Public License along w
<div class="text-center"> <div class="text-center">
<a href="/" class="btn bg-initial text-surface-500">Reset passphrase</a> <a href="/" class="btn bg-initial text-surface-500">Reset passphrase</a>
</div> </div>
</div> </div>
</main>