From 95fbd3f606cf72b82ac2444747da92049e42540b Mon Sep 17 00:00:00 2001
From: Taehoon <thlee3@samaneng.com>
Date: Thu, 11 Jun 2026 10:37:33 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=9E=90=EC=82=B0=20=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=20=EC=A0=95=EB=B3=B4=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20?=
 =?UTF-8?q?=EC=B5=9C=EC=A0=81=ED=99=94=20=EB=B0=8F=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=ED=91=9C=EC=A4=80=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 상세 정보 섹션을 2열 그리드로 변경하여 정보 밀도 향상\n- 항목 제목(12px) 및 내용(14px) 폰트 크기 조정\n- 인라인 스타일을 dashboard.css로 이전 및 중앙 집중화\n- 불필요한 아이콘 제거 및 UI 정돈
---
 src/styles/dashboard.css  | 61 +++++++++++++++++++++++++++++++++++----
 src/views/LocationView.ts | 17 ++++++-----
 2 files changed, 65 insertions(+), 13 deletions(-)

diff --git a/src/styles/dashboard.css b/src/styles/dashboard.css
index 5c1bbaf..85801c4 100644
--- a/src/styles/dashboard.css
+++ b/src/styles/dashboard.css
@@ -321,9 +321,60 @@
   cursor: pointer;
 }
 
-.empty-state {
-  padding: 4rem 2rem;
-  text-align: center;
-  color: var(--text-muted);
-  font-size: 0.8125rem;
+/* --- Asset Detail Sidebar (LocationView) --- */
+.asset-detail-sidebar {
+  padding-top: 1rem;
+  background: var(--white);
+  height: 100%;
+  overflow-y: auto;
+}
+
+.detail-section {
+  margin-bottom: 20px;
+  padding: 0 1.25rem;
+}
+
+.detail-section-title {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--primary-color);
+  border-bottom: 1px solid var(--border-color);
+  padding-bottom: 6px;
+  margin-bottom: 12px;
+}
+
+.detail-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(80px, auto) 1fr);
+  gap: 8px 16px;
+}
+
+.detail-label {
+  font-size: 12px;
+  color: var(--text-muted);
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+}
+
+.detail-value {
+  font-size: 14px;
+  color: var(--text-main);
+  font-weight: 500;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+}
+
+.detail-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+
+.detail-header-title {
+  flex: 1;
+  font-size: 0.95rem;
+  font-weight: 700;
 }
diff --git a/src/views/LocationView.ts b/src/views/LocationView.ts
index 5bb81ff..9ade3c6 100644
--- a/src/views/LocationView.ts
+++ b/src/views/LocationView.ts
@@ -176,21 +176,22 @@ export async function renderLocationView(container: HTMLElement) {
   const renderAssetDetail = (asset: any) => {
     const title = container.querySelector('#loc-list-title')!;
     const tableContainer = container.querySelector('#loc-asset-table-container')!;
+    
     title.innerHTML = `
-      <div style="display: flex; align-items: center; gap: 8px; width: 100%;">
+      <div class="detail-header-actions">
         <button id="btn-back-to-list" class="btn-icon" style="background: none; border: none; cursor: pointer; color: var(--primary-color); font-size: 1.2rem; padding: 0 4px;">←</button>
-        <span style="flex: 1;">📍 자산 상세 정보</span>
+        <span class="detail-header-title">자산 상세 정보</span>
         <button id="btn-edit-from-loc" class="btn btn-primary btn-sm" style="font-size: 11px; height: 28px;">수정</button>
       </div>
     `;
 
     const renderSection = (title: string, fields: { label: string; value: any }[]) => `
-      <div class="detail-section" style="margin-bottom: 20px; padding: 0 1rem;">
-        <div style="font-size: 12px; font-weight: 700; color: var(--primary-color); border-bottom: 1px solid var(--border-color); padding-bottom: 6px; margin-bottom: 10px;">${title}</div>
-        <div style="display: grid; grid-template-columns: 100px 1fr; gap: 8px 12px;">
+      <div class="detail-section">
+        <div class="detail-section-title">${title}</div>
+        <div class="detail-grid">
           ${fields.map(f => `
-            <div style="font-size: 12px; color: var(--text-muted);">${f.label}</div>
-            <div style="font-size: 12px; color: var(--text-main); font-weight: 500; word-break: break-all;">${f.value || '-'}</div>
+            <div class="detail-label">${f.label}</div>
+            <div class="detail-value">${f.value || '-'}</div>
           `).join('')}
         </div>
       </div>
@@ -224,7 +225,7 @@ export async function renderLocationView(container: HTMLElement) {
     ].join('');
 
     tableContainer.innerHTML = `
-      <div class="asset-detail-sidebar" style="padding-top: 1rem; background: #fff; max-height: 100%; overflow-y: auto;">
+      <div class="asset-detail-sidebar">
         ${sectionsHTML}
       </div>
     `;