refactor: 修改社交链接样式布局

This commit is contained in:
rbetree
2025-12-22 22:28:28 +08:00
parent e2fae7f362
commit 03b743e337
4 changed files with 121 additions and 52 deletions

View File

@@ -1,13 +1,8 @@
{{#if this}}
<div data-container="social-links">
{{#each this}}
<a href="{{url}}" class="nav-item" target="_blank" rel="noopener" data-type="social-link" data-name="{{name}}" data-url="{{url}}" data-icon="{{icon}}">
<div class="icon-container">
<i class="{{icon}}"></i>
</div>
<span class="nav-text" data-editable="social-link-name">{{name}}</span>
<i class="fas fa-external-link-alt external-icon"></i>
<a href="{{url}}" class="social-icon" target="_blank" rel="noopener" title="{{name}}" aria-label="{{name}}" data-type="social-link" data-name="{{name}}" data-url="{{url}}" data-icon="{{icon}}">
<i class="{{icon}}" aria-hidden="true"></i>
<span class="nav-text visually-hidden" data-editable="social-link-name">{{name}}</span>
</a>
{{/each}}
</div>
{{/if}}
{{/if}}