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" /> <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>

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'; import AnvilLogo from '../atoms/AnvilLogo.svelte';
</script> </script>
<div <main class="flex h-full">
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" <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> <AnvilLogo class="items-center w-[77px]" />
<p class="text-surface-500">{$_('page.welcome.intro')}</p> <h1 class="font-semibold text-4xl text-surface-500">{$_('page.welcome.headline')}</h1>
<div class="space-y-3"> <p class="text-surface-500">{$_('page.welcome.intro')}</p>
<div> <div class="space-y-3">
<a href="/account/create" class="btn variant-filled-primary">Create F2 account</a> <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>
<div> <div class="text-center">
<a href="/account/login" class="btn text-primary-500 font-semibold variant-filled-ghost" <a href="/" class="btn bg-initial text-surface-500">Reset passphrase</a>
>I have an account</a
>
</div> </div>
</div> </div>
<div class="text-center"> </main>
<a href="/" class="btn bg-initial text-surface-500">Reset passphrase</a>
</div>
</div>