Rubicon/tutu
1
0
Fork 0
Code Issues 19 Pull requests Projects Activity Actions

Profile: check container query supports
All checks were successful
/ depoly (push) Successful in 1m25s
Details

Browse source
This commit is contained in:
thislight 2024-11-23 16:13:42 +08:00
parent 66d0bc8d84
commit 62aaaeee9a
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
1 changed files with 27 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/profiles/Profile.css
View file

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