updates on the api integration and the design changes on the whole website
This commit is contained in:
@@ -17,8 +17,18 @@
|
||||
|
||||
.dispatch-container {
|
||||
width: calc(100% + 48px);
|
||||
height: calc(100vh - 88px);
|
||||
margin: -24px;
|
||||
/* MainLayout/index.js's .main-content-area has NO padding-top (only
|
||||
left/right/bottom at 24px) — Astryx's Layout.tsx renders the TopNav as
|
||||
a normal-flow flex child ahead of the content area, so content already
|
||||
starts right below it with no extra offset needed. This page fills the
|
||||
screen by negative-margining the 24px padding away entirely and sizing
|
||||
to the viewport height minus the TopNav's own (dynamically measured)
|
||||
height. An earlier version of this rule compensated for a padding-top
|
||||
that main-content-area briefly had and no longer does — if that
|
||||
padding-top ever comes back, this needs to account for it again (see
|
||||
git history around this comment for that version's math). */
|
||||
height: calc(100vh - var(--appshell-header-height, 64px));
|
||||
margin: 0 -24px -24px -24px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--bg);
|
||||
@@ -10982,7 +10992,7 @@
|
||||
its stacked children instead of being clipped to a single row height. */
|
||||
.dispatch-container {
|
||||
height: auto;
|
||||
min-height: calc(100vh - 88px);
|
||||
min-height: calc(100vh - var(--appshell-header-height, 64px));
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user