zenn/sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SNS 직접 SVG 아이콘 정렬 수정 v1.5.42

Browse Source
This commit is contained in:
zenn
2026-06-02 17:52:54 +09:00
parent 21d01632be
commit 79009b21e6
8 changed files with 41 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/site/RightSidebar.vue
View File

@@ -270,7 +270,7 @@ watch([postTocItems, () => route.fullPath], async () => {
<a
v-for="item in followLinks"
:key="item.id"
class="site-interactive p-0.5 hover:opacity-75"
class="right-sidebar__social-link site-interactive inline-flex h-5 w-5 items-center justify-center p-0.5 leading-none hover:opacity-75"
:href="item.href"
:aria-label="item.label"
:target="item.external ? '_blank' : undefined"
@@ -285,7 +285,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<path d="M7 10v4h3v7h4v-7h3l1-4h-4V8a1 1 0 0 1 1-1h3V3h-3a5 5 0 0 0-5 5v2z" />
</svg>
@@ -298,7 +298,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<path d="M4 4l11.733 16H20L8.267 4z" />
<path d="M4 20l6.768-6.768m2.46-2.46L20 4" />
@@ -312,7 +312,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<path d="M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2 4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0c-2.4-1.6-3.5-1.3-3.5-1.3a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6-.6.6-.6 1.2-.5 2V21" />
</svg>
@@ -325,7 +325,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<rect x="4" y="4" width="16" height="16" rx="4" />
<circle cx="12" cy="12" r="3" />
@@ -340,7 +340,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
<rect x="2" y="9" width="4" height="12" />
@@ -355,7 +355,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<path d="M2.5 17a24.1 24.1 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.6 49.6 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.1 24.1 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.6 49.6 0 0 1-16.2 0A2 2 0 0 1 2.5 17" />
<path d="m10 15 5-3-5-3z" />
@@ -369,7 +369,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<circle cx="5" cy="19" r="1" />
<path d="M4 4a16 16 0 0 1 16 16" />
@@ -377,7 +377,7 @@ watch([postTocItems, () => route.fullPath], async () => {
</svg>
<span
v-else-if="item.icon === 'custom' && item.iconSvg"
class="right-sidebar__custom-social-icon inline-flex h-4 w-4 items-center justify-center [&_svg]:h-4 [&_svg]:w-4"
class="right-sidebar__custom-social-icon inline-flex h-4 w-4 items-center justify-center"
aria-hidden="true"
v-html="item.iconSvg"
/>
@@ -390,7 +390,7 @@ watch([postTocItems, () => route.fullPath], async () => {
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
class="block h-4 w-4 shrink-0"
>
<path d="M10 13a5 5 0 0 0 7.54.54l2-2a5 5 0 0 0-7.07-7.07l-1.15 1.15" />
<path d="M14 11a5 5 0 0 0-7.54-.54l-2 2a5 5 0 0 0 7.07 7.07l1.15-1.15" />
@@ -493,3 +493,15 @@ watch([postTocItems, () => route.fullPath], async () => {
</footer>
</aside>
</template>
<style scoped>
.right-sidebar__custom-social-icon :deep(svg) {
display: block;
width: 1rem !important;
height: 1rem !important;
max-width: 1rem;
max-height: 1rem;
flex-shrink: 0;
line-height: 1;
}
</style>