magnus/datagraph
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases 3 Packages Wiki Activity Actions

Better CSS for the JSON editor

Browse source
This commit is contained in:
Magnus Åhall 2025-07-07 08:52:37 +02:00
parent 25bbc0c748
commit 4e834766ac
8 changed files with 271 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
views/layouts/main.gotmpl
View file

@ -3,6 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/main.css">
<script type="text/javascript">
function showError(err) {

8
views/pages/app.gotmpl
View file

@ -1,4 +1,6 @@
{{ define "page" }}
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/json_editor.css">
<script type="importmap">
{
"imports": {
@ -8,8 +10,8 @@
}
</script>
<script src="/js/{{ .VERSION }}/lib/jsoneditor.js"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>-->
<!--script src="/js/{{ .VERSION }}/lib/jsoneditor.js"></script-->
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
<script type="module" defer>
import {App, TreeNode} from '/js/{{ .VERSION }}/app.mjs'
window._VERSION = '{{ .VERSION }}'
@ -50,8 +52,10 @@
<div class="page section" id="editor-type-schema"></div>
</div>
<!--
<link rel="stylesheet" href="/css/{{ .VERSION }}/spectre.min.css">
<link rel="stylesheet" href="/css/{{ .VERSION }}/spectre-exp.min.css">
<link rel="stylesheet" href="/css/{{ .VERSION }}/spectre-icons.min.css">
-->
{{ end }}