fix(web): display tos + pp + user thing correctly
vi did:web:vt3e.cat
Thu, 11 Jun 2026 23:51:34 +0100
1 files changed,
17 insertions(+),
8 deletions(-)
jump to
M
pkgs/frontend/src/App.vue
→
pkgs/frontend/src/App.vue
@@ -46,16 +46,18 @@ </TransitionGroup>
</div> </div> - <div class="user" v-if="user"> - <div class="profile-picture"> - <img :src="user.avatarUrl" alt="Profile Picture" /> + <div class="bottom"> + <div class="user" v-if="user"> + <div class="profile-picture"> + <img :src="user.avatarUrl" alt="Profile Picture" /> + </div> + <div class="username">{{ user.name }}</div> </div> - <div class="username">{{ user.name }}</div> - </div> - <div class="links"> - <RouterLink to="/privacy">Privacy</RouterLink> - <RouterLink to="/tos">Terms of Service</RouterLink> + <div class="links"> + <RouterLink to="/privacy">Privacy</RouterLink> + <RouterLink to="/tos">Terms of Service</RouterLink> + </div> </div> </aside> <main class="main">@@ -105,6 +107,13 @@ flex-direction: column;
align-items: stretch; justify-content: space-between; gap: 0.5rem; + + .bottom { + display: flex; + flex-direction: column; + align-items: stretch; + gap: 0.5rem; + } .links { display: flex;