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

fix: prevent layout shift on first load in PWA mode

Browse Source 
Replace space-between with flex-start + margin-top:auto on footer and
add gap to avoid wide spacing while async components are loading.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Julien Calixte
2026-03-28 21:28:47 +01:00
parent dcee26100f
commit a0be25c0dd
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/WelcomeWorld.vue
View File

@@ -147,7 +147,8 @@ h1 {
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: flex-start;
gap: 1rem;
.title { .title {
text-align: center; text-align: center;
@@ -168,6 +169,7 @@ footer {
display: flex; display: flex;
gap: 1rem; gap: 1rem;
align-items: center; align-items: center;
margin-top: auto;
} }
.profile-avatar { .profile-avatar {