Profile: fix page title and intro layout
All checks were successful
/ depoly (push) Successful in 1m13s

This commit is contained in:
thislight 2024-10-27 13:57:09 +08:00
parent 49e1731cdb
commit 4734a67f5a
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E

View file

@ -116,10 +116,19 @@ const Profile: Component = () => {
}
.acct-grp {
display: grid;
grid-template-columns: auto 1fr auto;
display: flex;
flex-flow: row wrap;
gap: 16px;
align-items: center;
& > :nth-child(2) {
flex-grow: 1;
}
& > :last-child {
flex-grow: 1;
text-align: right;
}
}
.name-grp {
@ -128,11 +137,13 @@ const Profile: Component = () => {
}
table.acct-fields {
word-break: break-all;
& td > :global(a) {
display: inline-flex;
min-height: 44px;
align-items: center;
color: inherit;
min-height: 44px;
}
& :global(a > .invisible) {
@ -146,6 +157,9 @@ const Profile: Component = () => {
.page-title {
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
`;