hyoseung/coupon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile layout - keep 2-column, user list as narrow left sidebar
All checks were successful
Build and Deploy / deploy-front (push) Successful in 7s
Details
Build and Deploy / deploy-back (push) Successful in 20s
Details

Browse Source
This commit is contained in:
hyoseung 2026-05-19 17:51:13 +09:00
parent 4b399c0189
commit 9218b0f113
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
front/src/views/HomeView.vue
View File

@ -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>