diff --git a/bun.lockb b/bun.lockb
index 568cebe..f58662b 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/keystatic.config.ts b/keystatic.config.ts
index f76475c..ccc6b9d 100644
--- a/keystatic.config.ts
+++ b/keystatic.config.ts
@@ -1,13 +1,28 @@
import { config, fields, collection } from '@keystatic/core';
import ShowableFigureIcon from './keystatic/content-components/ShowableFigureIcon';
import { mark, wrapper } from '@keystatic/core/content-components';
-import ShowableFigure from './keystatic/content-components/ShowableFigure';
+import ShowableFigureView from './keystatic/content-components/ShowableFigure';
import FootnoteIcon from 'keystatic/content-components/FootnoteIcon';
export default config({
ui: {
brand: { name: 'Filipe Medeiros CMS' },
},
+ // customCSS: `
+ // .footnote-content::before {
+ // content: '^';
+ // font-size: initial;
+ // }
+ // .footnote-content {
+ // font-size: 0rem;
+ // }
+ // .footnote-content:hover, .footnote-content:focus {
+ // font-size: smaller;
+ // }
+ // .footnote-content:hover::before, .footnote-content:focus::before {
+ // content: '> ';
+ // }
+ // `,
storage: {
kind: 'local',
},
@@ -60,7 +75,7 @@ export default config({
components: {
ShowableFigure: wrapper({
label: 'Showable figure',
- ContentView: ShowableFigure,
+ ContentView: ShowableFigureView,
icon: ShowableFigureIcon(),
schema: {
image: fields.image({
@@ -77,7 +92,8 @@ export default config({
Footnote: mark({
label: 'Footnote',
icon: FootnoteIcon(),
- style: { verticalAlign: 'super', fontSize: 'smaller' },
+ tag: 'sup',
+ className: 'footnote-content',
schema: {},
}),
},
diff --git a/keystatic/content-components/FootnoteIcon.tsx b/keystatic/content-components/FootnoteIcon.tsx
index 9a1082a..79e1386 100644
--- a/keystatic/content-components/FootnoteIcon.tsx
+++ b/keystatic/content-components/FootnoteIcon.tsx
@@ -1,26 +1,26 @@
export default function FootnoteIcon() {
return (
<>
-
+
{' '}
{' '}
diff --git a/keystatic/content-components/ShowableFigureIcon.tsx b/keystatic/content-components/ShowableFigureIcon.tsx
index f63e9c3..bb3a4d7 100644
--- a/keystatic/content-components/ShowableFigureIcon.tsx
+++ b/keystatic/content-components/ShowableFigureIcon.tsx
@@ -2,9 +2,9 @@ export default function ShowableFigureIcon() {
return (
);
}