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

SNS 링크 저장 복구 v1.5.41

Browse Source
This commit is contained in:
zenn
2026-06-02 17:47:15 +09:00
parent b3c7f26d10
commit 21d01632be
12 changed files with 44 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
pages/admin/settings/index.vue
View File

@@ -1273,12 +1273,8 @@ const removeSocialLink = (index) => {
*/
const updateSocialLinkIcon = (index, icon) => {
const preset = getSocialIconPreset(icon)
const currentPreset = getSocialIconPreset(form.socialLinks[index].icon)
form.socialLinks[index].icon = preset.icon
if (!form.socialLinks[index].label || form.socialLinks[index].label === currentPreset.label) {
form.socialLinks[index].label = preset.label
}
form.socialLinks[index].label = preset.label
if (preset.icon !== 'custom') {
form.socialLinks[index].iconSvg = ''
@@ -2185,7 +2181,7 @@ onBeforeUnmount(() => {
<div
v-if="!editSocial"
class="admin-settings-screen__social-readonly border-t border-[#eceff2] pt-5"
class="admin-settings-screen__social-readonly pt-5"
>
<div
v-if="normalizeSocialLinks(form.socialLinks).length"
@@ -2209,7 +2205,7 @@ onBeforeUnmount(() => {
<div
v-for="(item, index) in form.socialLinks"
:key="item.id || index"
class="grid gap-3 rounded-lg border border-[#edf0f2] bg-[#fafafa] p-3 md:grid-cols-[170px_minmax(0,0.7fr)_minmax(0,1fr)_auto] md:items-start"
class="grid gap-3 rounded-lg border border-[#edf0f2] bg-[#fafafa] p-3 md:grid-cols-[220px_minmax(0,1fr)_auto] md:items-start"
>
<label class="grid gap-1.5 text-sm">
<span class="font-medium text-[#3f4650]">아이콘</span>
@@ -2230,15 +2226,6 @@ onBeforeUnmount(() => {
<svg class="pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-[#394047]" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg>
</div>
</label>
<label class="grid gap-1.5 text-sm">
<span class="font-medium text-[#3f4650]">이름</span>
<input
v-model="item.label"
class="h-10 rounded-md border border-[#dce0e5] bg-white px-3 text-[#15171a] outline-none focus:border-[#15171a] focus:ring-1 focus:ring-[#15171a]"
type="text"
placeholder="표시 이름"
>
</label>
<label class="grid gap-1.5 text-sm">
<span class="font-medium text-[#3f4650]">주소</span>
<input
@@ -2257,7 +2244,7 @@ onBeforeUnmount(() => {
</button>
<label
v-if="item.icon === 'custom'"
class="grid gap-1.5 text-sm md:col-span-4"
class="grid gap-1.5 text-sm md:col-span-3"
>
<span class="font-medium text-[#3f4650]">사용자 SVG 아이콘</span>
<textarea