fix: remove bottom-right overlay button from template cards

Removes the share button overlay from example template cards that was
obscuring text content. The button has been removed entirely as it
interfered with card readability.

Fixes #3203
This commit is contained in:
xxiaoxiong 2026-05-28 20:47:16 +08:00
parent 9032fbb689
commit 75fd32081a
2 changed files with 1 additions and 20 deletions

View file

@ -161,22 +161,5 @@ const isVideoPreview = record.previewType === 'video' && record.previewVideo;
<div class="tpl-actions"> <div class="tpl-actions">
<a class="tpl-cta" href={detailHref}>{pcopy.cardUseTemplate}</a> <a class="tpl-cta" href={detailHref}>{pcopy.cardUseTemplate}</a>
<button
type="button"
class="tpl-share"
data-tpl-card-share
data-share-text={shareText}
data-share-url={shareUrl}
data-share-title={name}
aria-label={pcopy.cardShareAria(name)}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="18" cy="5" r="3" />
<circle cx="6" cy="12" r="3" />
<circle cx="18" cy="19" r="3" />
<line x1="8.59" y1="13.51" x2="15.42" y2="17.49" />
<line x1="15.41" y1="6.51" x2="8.59" y2="10.49" />
</svg>
</button>
</div> </div>
</article> </article>

View file

@ -1964,9 +1964,7 @@ body.sub-page {
} }
.tpl-actions { .tpl-actions {
display: grid; display: block;
grid-template-columns: 1fr auto;
gap: 10px;
} }
.tpl-cta { .tpl-cta {
display: flex; display: flex;