Profile: fix page title and intro layout
All checks were successful
/ depoly (push) Successful in 1m13s
All checks were successful
/ depoly (push) Successful in 1m13s
This commit is contained in:
parent
49e1731cdb
commit
4734a67f5a
1 changed files with 17 additions and 3 deletions
|
@ -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;
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
Loading…
Reference in a new issue