forked from
pds.ls/pdsls
this repo has no description
change to button
+8
-8
+8
-8
src/components/lexicon-schema.tsx
+8
-8
src/components/lexicon-schema.tsx
···
108
108
return (
109
109
<>
110
110
<Show when={props.refType}>
111
-
<a
112
-
href={props.refType}
111
+
<button
112
+
type="button"
113
113
onClick={handleClick}
114
-
class="inline-block rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 hover:bg-blue-200 hover:underline active:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50 dark:active:bg-blue-900/50"
114
+
class="inline-block cursor-pointer rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 hover:bg-blue-200 hover:underline active:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:hover:bg-blue-900/50 dark:active:bg-blue-900/50"
115
115
>
116
116
{displayType}
117
-
</a>
117
+
</button>
118
118
</Show>
119
119
<Show when={!props.refType}>
120
120
<span class="inline-block rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 dark:bg-blue-900/30 dark:text-blue-300">
···
299
299
return (
300
300
<div class="flex flex-col gap-3" id={`def-${props.name}`}>
301
301
<div class="flex items-center gap-2">
302
-
<a
303
-
href={`#schema:${props.name}`}
302
+
<button
303
+
type="button"
304
304
onClick={handleHeaderClick}
305
-
class="text-lg font-semibold hover:underline"
305
+
class="cursor-pointer text-lg font-semibold hover:underline"
306
306
>
307
307
{props.name === "main" ? "Main Definition" : props.name}
308
-
</a>
308
+
</button>
309
309
<span class={`rounded px-2 py-0.5 text-xs font-semibold uppercase ${defTypeColor()}`}>
310
310
{props.def.type}
311
311
</span>