kjh2064/KArtSell.Aegis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(fe): PageLayout - change workspace to flexbox (grid gap issue)

Browse Source 
- 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 <noreply@anthropic.com>
This commit is contained in:
김재현
2026-08-16 01:11:53 +09:00
parent 53e91acc52
commit c1951dfa0e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/shared/ui/layouts/PageLayout.vue
+2 -2
View File
@@ -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; } }
</style>