forge/Anvil
1
0
Fork 0
Code Pull requests Activity

fix: don't break the layout

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app.html
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" />
</head>
<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>
</html>

36
src/lib/components/molecules/Welcome.svelte
View file

@ -17,23 +17,25 @@ You should have received a copy of the GNU Affero General Public License along w
import AnvilLogo from '../atoms/AnvilLogo.svelte';
</script>
<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"
>
<AnvilLogo class="items-center w-[77px]" />
<h1 class="font-semibold text-4xl text-surface-500">{$_('page.welcome.headline')}</h1>
<p class="text-surface-500">{$_('page.welcome.intro')}</p>
<div class="space-y-3">
<div>
<a href="/account/create" class="btn variant-filled-primary">Create F2 account</a>
<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"
>
<AnvilLogo class="items-center w-[77px]" />
<h1 class="font-semibold text-4xl text-surface-500">{$_('page.welcome.headline')}</h1>
<p class="text-surface-500">{$_('page.welcome.intro')}</p>
<div class="space-y-3">
<div>
<a href="/account/create" class="btn variant-filled-primary">Create F2 account</a>
</div>
<div>
<a href="/account/login" class="btn text-primary-500 font-semibold variant-filled-ghost"
>I have an account</a
>
</div>
</div>
<div>
<a href="/account/login" class="btn text-primary-500 font-semibold variant-filled-ghost"
>I have an account</a
>
<div class="text-center">
<a href="/" class="btn bg-initial text-surface-500">Reset passphrase</a>
</div>
</div>
<div class="text-center">
<a href="/" class="btn bg-initial text-surface-500">Reset passphrase</a>
</div>
</div>
</main>