Custom shortcode doesn't use codeblock padding

[allocgator]

I'm using the below shortcode to fetch data from a git repository:

{{ $file := .Get 0 }}
{{ with resources.GetRemote $file }}
  {{ with .Err }}
    {{ errorf "%s" . }}
  {{ else }}
    {{ $lang := path.Ext $file | strings.TrimPrefix "." }}
    {{ highlight .Content $lang }}
  {{ end }}
{{ else }}
  {{ errorf "Unable to get remote resource." }}
{{ end }}

When I use this shortcode, there is no padding on the left and right.

This is the repository in question, and this is the file where I using the shortcode.

Steps to reproduce:

• Start Hugo server
• Navigate to Exercises > Annalyn's Infiltration
• Scroll down

How do I ensure that the code which is fetched has the same padding as the code which is already part of the same repository?

[imfing]

Need to add the wrapper around code block:

hextra/layouts/_default/_markup/render-codeblock.html

Line 6 in 8e8f7f2

<div class="code-block relative mt-6 first:mt-0 group/code">

This can be done via either in your shortcode:

    {{ $lang := path.Ext $file | strings.TrimPrefix "." }}
    <div class="code-block relative mt-6 first:mt-0 group/code">
      {{ highlight .Content $lang }}
    </div>

or in the markdown:

<div class="code-block relative mt-6 first:mt-0 group/code">
{{< codeberg_source "https://codeberg.org/mishra/rustacean/raw/branch/main/src/getting_started/annalyns_infiltration.rs" >}}
</div>

A caveat is that this code block would not have the copy button

[allocgator]

I updated the shortcode

[imfing]

Fabulous!