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

fix: some design

Browse Source
This commit is contained in:
Julien Calixte
2026-02-14 18:40:07 +01:00
parent 536b4bcda3
commit b525e953cb
4 changed files with 35 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
CLAUDE.md
View File

@@ -4,7 +4,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
## Project Overview ## Project Overview
Remanso is a Vue 3 + TypeScript web app that displays markdown notes from GitHub repositories with Zettelkasten-style backlinks. Users access notes via `https://litenote.space/{user}/{repo}`. Supports both public repos (direct access) and private repos (GitHub OAuth). Remanso is a Vue 3 + TypeScript web app that displays markdown notes from GitHub repositories with Zettelkasten-style backlinks. Users access notes via `https://remanso.space/{user}/{repo}`. Supports both public repos (direct access) and private repos (GitHub OAuth).
## Commands ## Commands

2
_scripts/change-theme-dark.ts
View File

@@ -1,6 +1,6 @@
#!/usr/bin/env node #!/usr/bin/env node
// Script pour changer facilement le thème sombre de l'application LiteNote // Script pour changer facilement le thème sombre de l'application Remanso
// Usage: pnpm run theme:dark [theme-name] // Usage: pnpm run theme:dark [theme-name]
import { readFileSync, writeFileSync } from "fs" import { readFileSync, writeFileSync } from "fs"

2
_scripts/change-theme-light.ts
View File

@@ -1,6 +1,6 @@
#!/usr/bin/env node #!/usr/bin/env node
// Script pour changer facilement le thème clair de l'application LiteNote // Script pour changer facilement le thème clair de l'application Remanso
// Usage: pnpm run theme:light [theme-name] // Usage: pnpm run theme:light [theme-name]
import { readFileSync, writeFileSync } from "fs" import { readFileSync, writeFileSync } from "fs"

59
src/views/PublicNoteView.vue
View File

@@ -119,29 +119,29 @@ watch(
</div> </div>
<span class="badge badge-accent" v-if="author">{{ author.alias }}</span> <span class="badge badge-accent" v-if="author">{{ author.alias }}</span>
<article class="note-display" v-html="content"></article> <article class="note-display" v-html="content"></article>
</div> <router-link
<router-link :to="{ name: 'Home' }"
:to="{ name: 'Home' }" class="button is-small is-white back-button"
class="button is-small is-white back-button"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-arrow-narrow-left"
width="28"
height="28"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
> >
<line x1="5" y1="12" x2="19" y2="12" /> <svg
<line x1="5" y1="12" x2="9" y2="16" /> xmlns="http://www.w3.org/2000/svg"
<line x1="5" y1="12" x2="9" y2="8" /> class="icon icon-tabler icon-tabler-arrow-narrow-left"
</svg> width="28"
return home height="28"
</router-link> viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<line x1="5" y1="12" x2="19" y2="12" />
<line x1="5" y1="12" x2="9" y2="16" />
<line x1="5" y1="12" x2="9" y2="8" />
</svg>
return home
</router-link>
</div>
</div> </div>
</template> </template>
@@ -152,9 +152,10 @@ watch(
.back-button { .back-button {
position: absolute; position: absolute;
left: 1rem; left: 1.5rem;
top: 1rem; top: 0.4rem;
display: flex; display: flex;
align-items: center;
} }
h1 { h1 {
@@ -162,15 +163,19 @@ watch(
} }
.badge { .badge {
margin-bottom: 1rem; position: absolute;
top: 0.4rem;
right: 2rem;
} }
.article { .article {
position: sticky; position: sticky;
left: 0;
top: 0;
padding: 0 2rem; padding: 0 2rem;
scrollbar-width: none; scrollbar-width: none;
article {
margin-top: 1rem;
}
} }
&.content { &.content {