fix: better header

This commit is contained in:
Julien Calixte
2026-03-14 11:41:59 +01:00
parent 263f11b7e5
commit 5e69fc9d02
4 changed files with 21 additions and 31 deletions

View File

@@ -59,9 +59,7 @@ const author = computedAsync(async () => getAuthor(did.value))
}
.back-button {
display: flex;
gap: 0.5rem;
align-items: center;
position: absolute;
}
@media screen and (min-width: 769px) {

View File

@@ -33,8 +33,6 @@ const following = useFollowingNoteList(follows, followingEnabled)
<main class="public-note-list-view">
<div class="header">
<home-button class="back-button" />
<h1><img src="/favicon.png" alt="Remanso icon" /></h1>
<sign-in-atproto />
</div>
<div v-if="isLoggedIn" role="tablist" class="tabs tabs-border">
@@ -52,6 +50,7 @@ const following = useFollowingNoteList(follows, followingEnabled)
@click="tab = 'following'"
>Following</a
>
<sign-in-atproto class="handle" />
</div>
<PublicNoteList
@@ -101,12 +100,14 @@ const following = useFollowingNoteList(follows, followingEnabled)
</template>
<style scoped lang="scss">
h1 {
img {
width: 64px;
height: 64px;
box-shadow: none;
}
.tabs {
position: relative;
}
.handle {
position: absolute;
right: 0;
align-self: center;
}
.public-note-list-view {
@@ -117,7 +118,7 @@ h1 {
padding-right: 1rem;
.header {
margin-top: 1rem;
margin: 0.5rem auto 0;
display: flex;
justify-content: space-between;
align-items: center;

View File

@@ -128,7 +128,6 @@ watch(
:fallback="{ name: 'PublicNoteListByDidView', params: { did } }"
:prefer-fallback="false"
/>
<theme-swap />
<span
class="badge badge-author badge-soft badge-accent"
@@ -150,7 +149,9 @@ watch(
</template>
</span>
<div class="badge skeleton h-4 w-50" v-else></div>
<theme-swap />
</div>
<div class="meta"></div>
<div class="repo-title-breadcrumb">
<a
class="title-stacked-note-link"