zenn/ghost.sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

헤더: topbar 그리드 복구 및 태블릿 2열 정렬 (v0.2.11)

Browse Source 
Made-with: Cursor
This commit is contained in:
zenn
2026-04-17 14:03:24 +09:00
parent 93ce051343
commit f7920f96d6
6 changed files with 42 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
assets/built/screen.css
View File

@@ -233,6 +233,12 @@ body.left-sidebar-collapsed .sidebar--left .sidebar__inner {
white-space: nowrap;
}
.brand--topbar img {
max-width: 100%;
height: auto;
object-fit: contain;
}
.menu-groups {
display: block;
}
@@ -665,7 +671,7 @@ body.left-sidebar-collapsed .sidebar--left .sidebar__inner {
.topbar__inner {
display: grid;
grid-template-columns: var(--sidebar-left) minmax(var(--topbar-search-min), min(var(--content-column), 1fr)) var(--sidebar-right);
grid-template-columns: var(--sidebar-left) minmax(0, var(--content-column)) var(--sidebar-right);
gap: 0;
align-items: center;
height: 100%;
@@ -674,6 +680,7 @@ body.left-sidebar-collapsed .sidebar--left .sidebar__inner {
}
.topbar__brand,
.topbar__search,
.topbar__actions {
min-width: 0;
}
@@ -684,7 +691,6 @@ body.left-sidebar-collapsed .sidebar--left .sidebar__inner {
display: flex;
align-items: center;
gap: 12px;
overflow: hidden;
}
.topbar__sidebar-toggle {
@@ -754,7 +760,6 @@ body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar
padding: 0 18px;
height: 100%;
align-items: center;
min-width: 0;
box-sizing: border-box;
}
@@ -772,7 +777,6 @@ body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar
}
.search-trigger {
min-width: min(var(--topbar-search-min), 100%);
cursor: pointer;
box-shadow: none;
}
@@ -810,6 +814,12 @@ body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar
height: 100%;
}
@media (min-width: 1024px) {
.topbar__search {
min-width: min(var(--topbar-search-min), 100%);
}
}
.button,
.gh-subscribe-form button {
display: inline-flex;
@@ -1918,12 +1928,18 @@ body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar
@media (max-width: 1023px) {
.topbar {
grid-template-columns: 1fr;
padding: 0 14px;
border-left: 0;
border-right: 0;
}
.topbar__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
width: 100%;
max-width: none;
}
.topbar__brand,
.topbar__actions,
.topbar__search {
@@ -1932,7 +1948,9 @@ body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar
}
.topbar__brand {
grid-column: 1;
grid-row: 1;
min-width: 0;
}
.topbar__search {
@@ -1940,10 +1958,14 @@ body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar
}
.topbar__actions {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
position: static;
grid-column: 2;
grid-row: 1;
align-self: center;
justify-self: end;
right: auto;
top: auto;
transform: none;
gap: 8px;
}