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

사이트 설정 읽기 화면 정리

Browse Source
This commit is contained in:
zenn
2026-06-02 18:59:10 +09:00
parent b5970c8ada
commit 2cb1ff4651
9 changed files with 66 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1911,21 +1911,21 @@ onBeforeUnmount(() => {
<div
v-if="!editTitleDesc"
class="grid grid-cols-1 gap-x-8 gap-y-6 md:grid-cols-2 md:gap-y-7"
class="admin-settings-screen__readonly-list grid gap-4 border-t border-[#eceff2] pt-5 text-sm"
>
<div class="flex flex-col">
<h6 class="block text-sm font-medium tracking-normal text-[#3f4650]">
<div class="admin-settings-screen__readonly-row grid gap-1 md:grid-cols-[7.5rem_minmax(0,1fr)] md:items-center md:gap-5">
<h6 class="text-sm font-normal tracking-normal text-[#3f4650]">
사이트 이름
</h6>
<div class="mt-1 flex min-h-[1.5rem] items-center text-[#15171a]">
<div class="min-w-0 text-sm font-normal leading-relaxed text-[#15171a]">
{{ form.title?.trim() ? form.title : '—' }}
</div>
</div>
<div class="flex flex-col">
<h6 class="block text-sm font-medium tracking-normal text-[#3f4650]">
<div class="admin-settings-screen__readonly-row grid gap-1 md:grid-cols-[7.5rem_minmax(0,1fr)] md:items-center md:gap-5">
<h6 class="text-sm font-normal tracking-normal text-[#3f4650]">
사이트 설명
</h6>
<div class="mt-1 flex min-h-[1.5rem] items-start whitespace-pre-wrap text-[#15171a]">
<div class="min-w-0 whitespace-pre-wrap text-sm font-normal leading-relaxed text-[#15171a]">
{{ form.description?.trim() ? form.description : '—' }}
</div>
</div>
@@ -2025,45 +2025,40 @@ onBeforeUnmount(() => {
<div
v-if="!editMisc"
class="admin-settings-screen__misc-readonly grid gap-6"
class="admin-settings-screen__misc-readonly grid gap-5 pt-5"
>
<div class="flex items-center gap-4 mt-4">
<div class="grid h-20 w-20 shrink-0 place-items-center overflow-hidden rounded-2xl border border-[#e6e8eb] bg-[#f7f8fa]">
<div class="flex flex-col gap-5 md:flex-row md:items-start">
<div
class="admin-settings-screen__logo-preview grid h-16 w-16 shrink-0 place-items-center overflow-hidden rounded-2xl bg-[#f7f8fa]"
:class="form.logoUrl ? 'border border-[#e6e8eb]' : 'border border-dashed border-[#cfd6df]'"
>
<img
v-if="form.logoUrl"
class="h-full w-full object-cover"
:src="form.logoUrl"
alt="사이트 로고"
>
<span v-else class="text-2xl font-semibold text-[#9aa3ad]">
{{ form.logoText || '井' }}
<span v-else class="text-sm font-semibold text-[#8b95a1]">
미등록
</span>
</div>
<div>
<h3 class="text-sm font-medium text-[#3f4650]">
로고
</h3>
<p class="mt-1 text-sm text-[#15171a]">
{{ form.logoUrl ? '등록됨' : '미등록' }}
</p>
</div>
</div>
<div class="grid gap-6 md:grid-cols-2">
<div>
<h3 class="text-sm font-medium text-[#3f4650]">
사이트 URL
</h3>
<p class="mt-1 break-all text-sm text-[#15171a]">
{{ form.siteUrl || '—' }}
</p>
</div>
<div>
<h3 class="text-sm font-medium text-[#3f4650]">
저작권 문구
</h3>
<p class="mt-1 text-sm text-[#15171a]">
{{ form.copyrightText || '—' }}
</p>
<div class="admin-settings-screen__readonly-list grid min-w-0 flex-1 gap-4 text-sm">
<div class="admin-settings-screen__readonly-row grid gap-1 md:grid-cols-[7.5rem_minmax(0,1fr)] md:items-center md:gap-5">
<h3 class="text-sm font-normal text-[#3f4650]">
사이트 URL
</h3>
<p class="min-w-0 break-all text-sm font-normal leading-relaxed text-[#15171a]">
{{ form.siteUrl || '—' }}
</p>
</div>
<div class="admin-settings-screen__readonly-row grid gap-1 md:grid-cols-[7.5rem_minmax(0,1fr)] md:items-center md:gap-5">
<h3 class="text-sm font-normal text-[#3f4650]">
저작권 문구
</h3>
<p class="min-w-0 whitespace-pre-wrap text-sm font-normal leading-relaxed text-[#15171a]">
{{ form.copyrightText || '—' }}
</p>
</div>
</div>
</div>
</div>
@@ -2767,7 +2762,7 @@ onBeforeUnmount(() => {
v-if="!customizeAnnouncement"
class="mr-5 mt-1 text-pretty text-sm leading-relaxed text-[#657080]"
>
홈페이지 상단에 중요한 공지나 링크를 표시합니다. 방문자는 X로 이번 방문만 닫거나, 7일간 보지 않기를 선택할 수 있습니다. 공지를 수정·저장하면 다시 노출됩니다.
홈페이지 상단에 중요한 공지나 링크를 표시합니다.<br>방문자는 X로 이번 방문만 닫거나, 7일간 보지 않기를 선택할 수 있습니다.<br>공지를 수정·저장하면 다시 노출됩니다.
</p>
</div>
<div class="-mr-1 mt-[-5px] flex shrink-0 items-center justify-start gap-2">