From c1951dfa0eb5eaa0a92bff825712fdbc4ef242f3 Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Sun, 16 Aug 2026 01:11:53 +0900 Subject: [PATCH] fix(fe): PageLayout - change workspace to flexbox (grid gap issue) - Change .ks-page__workspace from grid to flex - Reason: Grid gap calculation breaks flex: 1 height propagation - Add flex-direction: column for proper child alignment - Update .has-aside to use flex-direction: row Co-Authored-By: Claude Haiku 4.5 --- frontend/src/shared/ui/layouts/PageLayout.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/shared/ui/layouts/PageLayout.vue b/frontend/src/shared/ui/layouts/PageLayout.vue index 18dad88a..b78c6de8 100644 --- a/frontend/src/shared/ui/layouts/PageLayout.vue +++ b/frontend/src/shared/ui/layouts/PageLayout.vue @@ -107,8 +107,8 @@ const showHelp = ref(false) box-sizing: border-box; font-family: inherit; } -.ks-page__workspace { min-width: 0; min-height: 0; display: grid; gap: var(--ks-space-4); flex: 1; } -.ks-page__workspace.has-aside { grid-template-columns: minmax(0, 1fr) var(--ks-aside-width); } +.ks-page__workspace { min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: var(--ks-space-4); flex: 1; } +.ks-page__workspace.has-aside { flex-direction: row; } .ks-page__content, .ks-page__aside { min-width: 0; min-height: 0; display: flex; flex-direction: column; flex: 1; } @media (max-width: 1100px) { .ks-page__workspace.has-aside { grid-template-columns: 1fr; } }