Compare commits

...

2 Commits

Author SHA1 Message Date
Julien Calixte
514d08946d Merge branch 'main' of ssh://git.apoena.dev:22222/julien/remanso 2026-03-17 22:03:33 +01:00
Julien Calixte
16efd8c637 design: better header and subheader 2026-03-16 23:22:25 +01:00

View File

@@ -130,29 +130,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: { shortDid } }" :to="{ name: 'PublicNoteListByDidView', params: { shortDid } }"
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"
@@ -188,6 +189,10 @@ watch(
gap: 1rem; gap: 1rem;
} }
.subheader {
margin: 1rem auto 0;
}
h1 { h1 {
font-size: 2rem; font-size: 2rem;
} }