공통 상단바 조작면 보강
This commit is contained in:
parent
0f08c91286
commit
b02bee26ea
2 changed files with 9 additions and 3 deletions
|
|
@ -152,7 +152,12 @@ test.describe("full sweep — shared shell, GNB, and routing guards", () => {
|
|||
await expect(page.locator(".vg-topbar")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page.locator("body")).toHaveAttribute("data-role", "admin");
|
||||
|
||||
// 마우스 중심 desktop에서도 브랜드·공간 전환·테마·로그아웃은 같은 44px
|
||||
// 조작면을 유지한다. 공개 배포가 28~34px으로 축소됐던 회귀를 desktop과
|
||||
// mobile 양쪽에서 고정한다.
|
||||
for (const viewport of [
|
||||
{ width: 1280, height: 720 },
|
||||
{ width: 1024, height: 768 },
|
||||
{ width: 390, height: 844 },
|
||||
{ width: 320, height: 568 },
|
||||
]) {
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-height: 44px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.vg-topbar__brand:hover {
|
||||
|
|
@ -91,7 +92,7 @@
|
|||
}
|
||||
.vg-topbar__switch-link {
|
||||
min-width: 0;
|
||||
height: 28px;
|
||||
min-height: 44px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
@ -116,8 +117,8 @@
|
|||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: var(--radius);
|
||||
border: 1px solid transparent;
|
||||
background: transparent;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue