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) {
.Profile {
display: grid;
grid-template-columns: auto 560px;
grid-template-rows: min-content 1fr;
height: 100cqh;
@supports (container-type: inline-size) {
@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;
>.topbar {
grid-column: 1 / 3;
grid-row: 1 /2;
.MuiToolbar-root {
padding-right: calc(560px + 24px);
.MuiToolbar-root {
padding-right: calc(560px + 24px);
}
}
}
> .details {
height: 100%;
display: flex;
flex-flow: column nowrap;
>.details {
height: 100%;
display: flex;
flex-flow: column nowrap;
> .intro {
flex-grow: 1;
>.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);
>.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;
>.toot-list-toolbar {
top: 0;
}
}
}
}