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

design: better header and subheader

Browse Source
This commit is contained in:
Julien Calixte
2026-03-16 23:22:25 +01:00
parent 330bc5b41d
commit 16efd8c637
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/PublicNoteView.vue
View File

@@ -129,29 +129,30 @@ watch(
:prefer-fallback="false" :prefer-fallback="false"
/> />
<theme-swap />
</div>
<div class="subheader">
<span <span
class="badge badge-author badge-soft badge-accent" class="badge badge-author badge-soft badge-accent"
v-if="author && content" v-if="author && content"
> >
<template v-if="language">
<span>{{ language }}</span>
<span>&nbsp;•&nbsp;</span>
</template>
<router-link <router-link
:to="{ name: 'PublicNoteListByDidView', params: { did: did } }" :to="{ name: 'PublicNoteListByDidView', params: { did: did } }"
class="link link-hover" class="link link-hover"
> >
{{ author.handle }} {{ author.handle }}
</router-link> </router-link>
<template v-if="language">
<span>&nbsp;•&nbsp;</span>
<span>{{ language }}</span>
</template>
<template v-if="publishedAt"> <template v-if="publishedAt">
<span>&nbsp;•&nbsp;</span> <span>&nbsp;•&nbsp;</span>
<span>{{ publishedAt }}</span> <span>{{ publishedAt }}</span>
</template> </template>
</span> </span>
<div class="badge skeleton h-4 w-50" v-else></div> <div class="badge skeleton h-4 w-50" v-else></div>
<theme-swap />
</div> </div>
<div class="meta"></div>
<div class="repo-title-breadcrumb"> <div class="repo-title-breadcrumb">
<a <a
class="title-stacked-note-link" class="title-stacked-note-link"
@@ -187,6 +188,10 @@ watch(
gap: 1rem; gap: 1rem;
} }
.subheader {
margin: 1rem auto 0;
}
h1 { h1 {
font-size: 2rem; font-size: 2rem;
} }