remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: wrap content in flex:1 div so footer doesn't overflow

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Julien Calixte
2026-03-28 22:07:08 +01:00
parent 06eaa3c9a7
commit 369a200a42
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/WelcomeWorld.vue
View File

@@ -15,6 +15,7 @@ const { userInput, repoInput, submit } = useForm()
<template> <template>
<div class="welcome-world"> <div class="welcome-world">
<div class="welcome-content">
<h1 class="title is-1"> <h1 class="title is-1">
<img src="/favicon.png" alt="Remanso icon" class="remanso-logo" /> <img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
Remanso Remanso
@@ -43,6 +44,7 @@ const { userInput, repoInput, submit } = useForm()
go go
</button> </button>
</form> </form>
</div>
<footer> <footer>
<theme-swap /> <theme-swap />
@@ -148,7 +150,6 @@ h1 {
flex: 1; flex: 1;
align-self: stretch; align-self: stretch;
flex-direction: column; flex-direction: column;
justify-content: flex-start;
gap: 1rem; gap: 1rem;
.title { .title {
@@ -156,6 +157,13 @@ h1 {
} }
} }
.welcome-content {
display: flex;
flex: 1;
flex-direction: column;
gap: 1rem;
}
.github-form { .github-form {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -170,7 +178,6 @@ footer {
display: flex; display: flex;
gap: 1rem; gap: 1rem;
align-items: center; align-items: center;
margin-top: auto;
} }
.profile-avatar { .profile-avatar {