fix(header): stop homepage-only pull of header-slider-container
Align nav-fixed geometry with zibll: only .slide-header pulls under the bar; restore card container gutters so home overlay cards match other page types.
This commit is contained in:
@@ -22,6 +22,20 @@ body.dark-theme .header-components-search__input {
|
||||
position: relative;
|
||||
margin-top: -40px;
|
||||
z-index: 1;
|
||||
/* Sit in normal flow after the slide shell; container is full-bleed */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Ensure .container max-width + horizontal padding match site main (zibll .container) */
|
||||
.header-slider-card.container,
|
||||
.header-components-card.container {
|
||||
width: 100%;
|
||||
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header-slider-card .zib-widget,
|
||||
@@ -29,10 +43,16 @@ body.dark-theme .header-components-search__input {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Individual card surface = .zib-widget (from card-primitives); shared mode uses outer .zib-widget.padding-10 */
|
||||
/* Match zibll widget surface so homepage and other page types look identical */
|
||||
.header-slider-card .icon-cover-card.zib-widget,
|
||||
.header-components-card .icon-cover-card.zib-widget {
|
||||
margin-bottom: 0;
|
||||
padding: var(--card-padding, 15px);
|
||||
box-shadow: 0 0 10px var(--main-shadow, var(--shadow-sm, rgba(116, 116, 116, 0.08)));
|
||||
border-radius: var(--main-radius, var(--radius, 8px));
|
||||
background-color: var(--main-bg-color, var(--surface-1, #fff));
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* zibll filter-blur glass on card surfaces + search form */
|
||||
|
||||
Reference in New Issue
Block a user