From 237ac9ee253f3f2f20225dec2c5474011bcf90fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=83=9C=ED=9B=88?= <taehoon@local>
Date: Mon, 22 Jun 2026 13:56:52 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=9C=84=EC=B9=98=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20(=EB=8F=84=EB=A9=B4=20=EC=98=A4=EB=B2=84?=
 =?UTF-8?q?=ED=94=8C=EB=A1=9C=EC=9A=B0=20=EC=A0=9C=ED=95=9C=20=EB=B0=8F=20?=
 =?UTF-8?q?API=20=ED=98=B8=EC=B6=9C=20=EA=B2=BD=EB=A1=9C=20=EC=A0=95?=
 =?UTF-8?q?=EC=83=81=ED=99=94)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/HWModal.ts | 6 +++---
 src/components/Modal/modal.css  | 7 ++++++-
 vite.config.ts                  | 6 ++++--
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Modal/HWModal.ts b/src/components/Modal/HWModal.ts
index 382cf21..03ea7a1 100644
--- a/src/components/Modal/HWModal.ts
+++ b/src/components/Modal/HWModal.ts
@@ -1,6 +1,6 @@
 import { state, saveAsset, deleteAsset } from '../../core/state';
 import { ASSET_SCHEMA, UI_TEXT } from '../../core/schema';
-import { calculatePcScoreDeductive, getPcGrade } from '../../core/utils';
+import { calculatePcScoreDeductive, getPcGrade, API_BASE_URL } from '../../core/utils';
 import {
   generateOptionsHTML,
   setFieldValue,
@@ -728,7 +728,7 @@ class HwAssetModal extends BaseModal {
 
   private async fetchMapConfig() {
     try {
-      const res = await fetch(`http://${location.hostname}:3000/api/maps`);
+      const res = await fetch(`${API_BASE_URL}/api/maps`);
       this.dynamicMapConfig = await res.json();
     } catch (err) { console.error('Failed to fetch map config:', err); }
   }
@@ -925,7 +925,7 @@ class HwAssetModal extends BaseModal {
 
   private async fetchMasterComponents(): Promise<void> {
     try {
-      const res = await fetch(`http://${location.hostname}:3000/api/hardware-components`);
+      const res = await fetch(`${API_BASE_URL}/api/hardware-components`);
       this.masterComponents = await res.json();
     } catch (err) { console.error('Failed to fetch master components:', err); }
   }
diff --git a/src/components/Modal/modal.css b/src/components/Modal/modal.css
index 52d7d9f..af7bf1b 100644
--- a/src/components/Modal/modal.css
+++ b/src/components/Modal/modal.css
@@ -537,6 +537,8 @@
   background-color: var(--canvas-soft-2);
   border-radius: 4px;
   overflow: hidden;
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .layout-map-container.readonly {
@@ -546,12 +548,15 @@
 .image-marker-wrapper {
   position: relative;
   display: inline-block;
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .layout-map-img {
   display: block;
   max-width: 100%;
-  max-height: 75vh;
+  max-height: 70vh;
+  object-fit: contain;
   user-select: none;
   -webkit-user-drag: none;
 }
diff --git a/vite.config.ts b/vite.config.ts
index b5a8bda..a3787f6 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,17 +1,19 @@
 import { defineConfig } from 'vite';
 import { resolve } from 'path';
 
+const proxyTarget = process.env.VITE_DEV_PROXY_TARGET || 'http://localhost:3000';
+
 export default defineConfig({
   server: {
     port: 8080,
     host: true, // Listen on all local IPs
     proxy: {
       '/api': {
-        target: 'http://localhost:3000',
+        target: proxyTarget,
         changeOrigin: true,
       },
       '/uploads': {
-        target: 'http://localhost:3000',
+        target: proxyTarget,
         changeOrigin: true,
       }
     }