Modify refs text presentation logic

[eastarpen]

current logic looks strange when display long link

e.g.

markdown content

---
title: "test"
refs:
  - name: long url test
    link: https://github.com/Ice-Hazymoon/hugo-theme-luna/blob/abadd6cbef141aaa99d2fa6f5d012e11c7112347/layouts/partials/article/components/refs.html#L9
  - name: short url
    link: https://google.com
  - link: http://link-without-name-set
---

official version

my version

code changed

only changed this line
>{{- if $ref.name -}}{{- $ref.name -}}{{- else -}}{{- $ref.link -}}{{- end -}}</a

whole refs.html

{{- if .Params.refs -}}
    <div class="w-full overflow-x-hidden border-t border-b bg-gray-100 bg-opacity-80 p-6 dark:border-darkBorder dark:bg-darkBgAccent md:px-10">
        <div class="mb-2 inline-block border-b-2 border-text pb-1 text-base">{{- T "post.refs" -}}</div>
        <div class="">
            {{- range $index, $ref := .Params.refs -}}
                <div class="overflow-hidden text-ellipsis whitespace-nowrap text-sm leading-loose">
                    <span>[{{- add $index 1 -}}] </span>
                    <a class="hover:underline" href="{{- or $ref.link "javascript:;" -}}" target="_blank" rel="noopener noreferrer"
                                                                                                          >{{- if $ref.name -}}{{- $ref.name -}}{{- else -}}{{- $ref.link -}}{{- end -}}</a
                    >
                </div>
            {{- end -}}
        </div>
    </div>
{{- end -}}

[Ice-Hazymoon]

Sorry, I don't understand what you are trying to achieve

[eastarpen]

Sorry, I don't understand what you are trying to achieve

Sorry, it was descriped in more detail