Fix text overflow on login mask (#4689)

This commit is contained in:
Patrick Schratz 2025-01-10 20:58:17 +01:00 committed by GitHub
parent 628c0e8faa
commit 886fcae2a0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -19,13 +19,14 @@
<div class="flex min-h-48 items-center justify-center bg-wp-primary-200 dark:bg-wp-primary-300 md:w-3/5">
<WoodpeckerLogo preserveAspectRatio="xMinYMin slice" class="h-32 w-32 md:h-48 md:w-48" />
</div>
<div class="flex min-h-48 flex-col items-center justify-center gap-4 text-center md:w-2/5">
<div class="flex min-h-48 flex-col items-center justify-center gap-4 p-4 text-center md:w-2/5">
<h1 class="text-xl text-wp-text-100">{{ $t('welcome') }}</h1>
<div class="flex flex-col gap-2">
<Button
v-for="forge in forges"
:key="forge.id"
:start-icon="forge.type === 'addon' ? 'repo' : forge.type"
class="!whitespace-normal"
@click="doLogin(forge.id)"
>
{{ $t('login_with', { forge: getHostFromUrl(forge) }) }}