Profile: support wide page

This commit is contained in:
thislight 2024-11-23 16:10:48 +08:00
parent bb3ba32dc5
commit 66d0bc8d84
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 347 additions and 302 deletions

View file

@ -115,6 +115,44 @@
}
}
@container StackedPage (inline-size >=960px) {
.Profile {
display: grid;
grid-template-columns: auto 560px;
grid-template-rows: min-content 1fr;
height: 100cqh;
>.topbar {
grid-column: 1 / 3;
grid-row: 1 /2;
.MuiToolbar-root {
padding-right: calc(560px + 24px);
}
}
> .details {
height: 100%;
display: flex;
flex-flow: column nowrap;
> .intro {
flex-grow: 1;
}
}
>.recent-toots {
overflow-y: auto;
margin-top: calc(-1 * var(--scaffold-topbar-height));
z-index: calc(var(--tutu-zidx-nav, 1) + 1);
>.toot-list-toolbar {
top: 0;
}
}
}
}
.Profile__page-title {
flex-grow: 1;
white-space: nowrap;