Compare commits

3 Commits

Author SHA1 Message Date
Julien Calixte
f89c2fa776 style: just changed the view latest button
All checks were successful
CI / verify (push) Successful in 2m7s
2026-07-12 12:36:54 +02:00
Julien Calixte
c21619c53a feat(notes): drop the redundant Close button from share popup
All checks were successful
CI / verify (push) Successful in 1m6s
The backdrop already dismisses the dialog on outside click.
2026-07-11 12:57:44 +02:00
Julien Calixte
b34b5851cd fix(notes): color the share trigger icon with accent
Scoped styles in HeaderNote don't cross into the ShareNote child
component, so text-base-content painted the icon white/black instead
of matching the other header icons.
2026-07-11 12:57:41 +02:00
2 changed files with 4 additions and 27 deletions

View File

@@ -55,7 +55,7 @@ const copy = async (url: string, label: string) => {
<template> <template>
<button <button
class="btn btn-ghost btn-circle text-base-content" class="btn btn-ghost btn-circle text-accent"
title="Share this view" title="Share this view"
aria-label="Share this view" aria-label="Share this view"
onclick="share_modal.showModal()" onclick="share_modal.showModal()"
@@ -148,12 +148,6 @@ const copy = async (url: string, label: string) => {
</span> </span>
</span> </span>
</button> </button>
<div class="modal-action">
<form method="dialog">
<button class="btn btn-ghost">Close</button>
</form>
</div>
</div> </div>
<form method="dialog" class="modal-backdrop"> <form method="dialog" class="modal-backdrop">
<button>close</button> <button>close</button>

View File

@@ -1,11 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { import { computed, defineAsyncComponent, onMounted, ref, watch } from "vue"
computed,
defineAsyncComponent,
onMounted,
ref,
watch
} from "vue"
import { useEditionMode } from "@/hooks/useEditionMode" import { useEditionMode } from "@/hooks/useEditionMode"
import { useFile } from "@/hooks/useFile.hook" import { useFile } from "@/hooks/useFile.hook"
@@ -217,8 +211,7 @@ useMarkdownPostRender(content, () => `.note-${sha.value}`, {
macroplan: true, macroplan: true,
mermaid: () => rawContent.value.includes("```mermaid"), mermaid: () => rawContent.value.includes("```mermaid"),
shikiji: () => isMarkdown.value && rawContent.value.includes("```"), shikiji: () => isMarkdown.value && rawContent.value.includes("```"),
images: () => images: () => (/\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null),
/\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null,
triggers: [mode] triggers: [mode]
}) })
@@ -508,7 +501,7 @@ const onBadgeClick = async () => {
<span>You're viewing an older shared version.</span> <span>You're viewing an older shared version.</span>
<button <button
type="button" type="button"
class="snapshot-banner-action" class="btn bt-sm btn-soft btn-info"
@click="viewLatest" @click="viewLatest"
> >
View latest View latest
@@ -607,16 +600,6 @@ $border-color: rgba(18, 19, 58, 0.2);
font-size: 0.85em; font-size: 0.85em;
} }
.snapshot-banner-action {
flex-shrink: 0;
padding: 0;
border: 0;
background: transparent;
color: var(--color-primary);
cursor: pointer;
text-decoration: underline;
}
.action { .action {
margin: 0; margin: 0;