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

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

Browse source
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
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/profiles/Profile.tsx
View file

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