From 9218b0f113651d9732df9c463ac5d9f17663be89 Mon Sep 17 00:00:00 2001
From: hyoseung <eaim3k@gmail.com>
Date: Tue, 19 May 2026 17:51:13 +0900
Subject: [PATCH] fix: mobile layout - keep 2-column, user list as narrow left
 sidebar

---
 front/src/views/HomeView.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/front/src/views/HomeView.vue b/front/src/views/HomeView.vue
index bfcc0f7..37dd3f5 100644
--- a/front/src/views/HomeView.vue
+++ b/front/src/views/HomeView.vue
@@ -211,13 +211,18 @@ header h1 { font-size: 1.9rem; color: #1e293b; margin: 0 0 8px; }
 .empty { color: #94a3b8; font-size: 0.9rem; margin: 0; text-align: center; padding: 12px 0; }
 
 @media (max-width: 640px) {
-  .layout { padding: 16px 12px 40px; }
+  .layout { padding: 16px 8px 40px; }
   header h1 { font-size: 1.4rem; }
-  .columns { flex-direction: column; }
-  .col-left { width: 100%; }
-  .user-list { max-height: 180px; }
+  .columns { gap: 8px; align-items: stretch; }
+  .col-left { width: 72px; flex-shrink: 0; }
+  .col-left .card { padding: 10px 6px; }
+  .user-search { display: none; }
+  .user-list { max-height: calc(100vh - 180px); gap: 4px; }
+  .user-item { padding: 6px 4px; justify-content: center; }
+  .user-name { display: none; }
+  .user-avatar { width: 36px; height: 36px; }
   .search-row { flex-direction: column; }
   .search-row .btn { width: 100%; }
-  .card { padding: 14px; }
+  .card { padding: 12px; }
 }
 </style>