Extend welcome dashboard background to the panel edges
The drifting orb glow was clipped to the centered 1040px column, leaving visible walls where it met the content padding. Make the welcome section full-bleed instead: cancel the content-area padding with negative margins and stretch it to all four panel edges (sidebar border, topbar, viewport right edge, bottom). The heading, cards, and Browse button keep their centered 1040px column via .welcome-inner.
This commit is contained in:
@@ -208,11 +208,12 @@
|
|||||||
|
|
||||||
.welcome {
|
.welcome {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width: 1040px;
|
/* Full-bleed: cancel .content's padding so the glow reaches
|
||||||
margin: 0 auto;
|
every edge of the panel (sidebar border, topbar, viewport). */
|
||||||
padding: 44px 8px 24px;
|
margin: -26px -30px -70px;
|
||||||
|
padding: 70px 38px 70px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-height: 100%;
|
min-height: calc(100% + 96px);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Soft drifting glow — calm, GPU-cheap (transforms only) */
|
/* Soft drifting glow — calm, GPU-cheap (transforms only) */
|
||||||
@@ -260,6 +261,8 @@
|
|||||||
|
|
||||||
.welcome-inner {
|
.welcome-inner {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
max-width: 1040px;
|
||||||
|
margin: 0 auto;
|
||||||
animation: welcome-in 0.5s ease both;
|
animation: welcome-in 0.5s ease both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user