사이트 설정 로고와 사용자 설정 레이아웃 정리

components/site/RightSidebar.vue

@@ -13,6 +13,7 @@ const { data: siteSettings } = await useFetch('/api/site-settings', {
     title: 'sori.studio',
     description: 'sori.studio 개인 블로그',
     logoText: '井',
+    logoUrl: '',
     copyrightText: '©2026 sori.studio'
   })
 })
@@ -23,8 +24,14 @@ const { data: siteSettings } = await useFetch('/api/site-settings', {
     <div class="right-sidebar__scroll site-sidebar-scroll min-h-0 flex-1">
       <div class="right-sidebar__block site-sidebar-section py-5 pl-5 pr-0 max-lg:px-0">
         <div class="right-sidebar__profile flex items-center gap-3">
-          <div class="right-sidebar__logo grid h-12 w-12 place-items-center rounded-2xl bg-[var(--site-invert)] text-2xl font-bold text-[var(--site-invert-text)]">
-            {{ siteSettings.logoText }}
+          <div class="right-sidebar__logo grid h-12 w-12 place-items-center overflow-hidden rounded-2xl bg-[var(--site-invert)] text-2xl font-bold text-[var(--site-invert-text)]">
+            <img
+              v-if="siteSettings.logoUrl"
+              class="h-full w-full object-cover"
+              :src="siteSettings.logoUrl"
+              :alt="siteSettings.title"
+            >
+            <span v-else>{{ siteSettings.logoText }}</span>
           </div>
           <div>
             <p class="right-sidebar__title font-semibold">

components/site/SiteHeader.vue

@@ -8,7 +8,8 @@ const member = ref(null)
 
 const { data: siteSettings } = await useFetch('/api/site-settings', {
   default: () => ({
-    title: 'sori.studio'
+    title: 'sori.studio',
+    logoUrl: ''
   })
 })
 
@@ -185,6 +186,12 @@ onBeforeUnmount(() => {
             </svg>
           </span>
         </button>
+        <img
+          v-if="siteSettings.logoUrl"
+          class="site-header__brand-logo h-7 w-7 shrink-0 rounded-md object-cover"
+          :src="siteSettings.logoUrl"
+          :alt="siteSettings.title"
+        >
         <span class="min-w-0 truncate">{{ siteSettings.title }}</span>
         </NuxtLink>
       </div>