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"

17
src/views/PublicNoteView.vue
View File

@@ -119,7 +119,6 @@ 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"
@@ -143,6 +142,7 @@ watch(
return home return home
</router-link> </router-link>
</div> </div>
</div>
</template> </template>
<style lang="scss"> <style lang="scss">
@@ -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 {