forked from drowl87/hextra_mirror
7a2cca9181
fix: navbar icon should use home relative link fix: copy code for raw <code> element fix: missing breadcrumb hover style fix: tabs typo preventing loading the script
24 lines
1.3 KiB
HTML
24 lines
1.3 KiB
HTML
{{- $class := .Attributes.class | default "" -}}
|
|
{{- $filename := .Attributes.filename | default "" -}}
|
|
{{- $lang := .Attributes.lang | default .Type -}}
|
|
|
|
|
|
<div class="code-block relative mt-6 first:mt-0 group/code">
|
|
{{- if $filename -}}
|
|
<div class="filename">{{ $filename }}</div>
|
|
{{- end -}}
|
|
{{- if transform.CanHighlight $lang -}}
|
|
<div id="code-block-{{ .Ordinal }}">
|
|
{{- highlight .Inner $lang .Options -}}
|
|
</div>
|
|
{{- else -}}
|
|
<pre><code id="code-block-{{ .Ordinal }}">{{ .Inner }}</code></pre>
|
|
{{- end -}}
|
|
<div class="opacity-0 transition group-hover/code:opacity-100 flex gap-1 absolute m-[11px] right-0 {{ if $filename }}top-8{{ else }}top-0{{ end }}">
|
|
<button class="code-copy-btn group/copybtn transition-all active:opacity-50 bg-primary-700/5 border border-black/5 text-gray-600 hover:text-gray-900 rounded-md p-1.5 dark:bg-primary-300/10 dark:border-white/10 dark:text-gray-400 dark:hover:text-gray-50" title="Copy code" data-clipboard-target="#code-block-{{ .Ordinal }}">
|
|
{{ partial "utils/icon.html" (dict "name" "copy" "attributes" "class=\"group-[.copied]/copybtn:hidden pointer-events-none h-4 w-4\"") }}
|
|
{{ partial "utils/icon.html" (dict "name" "check" "attributes" "class=\"hidden group-[.copied]/copybtn:block success-icon pointer-events-none h-4 w-4\"") }}
|
|
</button>
|
|
</div>
|
|
</div>
|