Fix text overflow on login mask (woodpecker-ci#4689)

qwerty287 · Jan 10, 2025 · 886fcae · 886fcae
1 parent 628c0e8
commit 886fcae
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
@@ -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) }) }}