gotosocial/web/gotosocial-styling/templates/profile.css
tobi 26683b3d49
[feature] Web profile pages for accounts (#449)
* add default avatars

* allow webModule to error

* return errWithCode from account get

* add AccountGetLocalByUsername

* check nil requesting account

* add timestampShort function for just month/year

* move loading logic to New + add default avatars

* add profile page view

* update swagger docs

* add excludeReblogs to GetAccountStatuses

* ignore casing when selecting local account by username

* appropriate redirects

* css fiddling

* add 'about' heading

* adjust thread page to work with routing

* return AP representation if requested + authorized

* simplify auth check

* go fmt

* golangci-lint ignore math/rand
2022-04-15 14:33:01 +02:00

95 lines
1.4 KiB
CSS

main {
background: transparent;
}
.headerimage {
img {
width: 100%;
height: 15em;
object-fit: cover;
border-radius: 10px;
}
}
.profile {
position: relative;
background: color($bg lightness(-3%));
padding: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 0.5rem;
margin-bottom: 0.2rem;
.basic {
display: flex;
flex-direction: column;
flex: 1 1 25em;
gap: 0.5rem;
a {
position: relative;
z-index: 1;
color: inherit;
text-decoration: none;
}
.avatar {
img {
height: 25em;
width: 25em;
object-fit: cover;
border-radius: 10px;
}
}
.displayname {
font-weight: bold;
font-size: 1.6rem;
align-self: start;
}
}
.detailed {
display: flex;
flex-direction: column;
flex: 1 1 25em;
h2 {
margin-top: 0;
}
.bio {
margin: 0;
a {
color: $acc1;
text-decoration: underline;
}
}
}
}
.accountstats {
position: relative;
background: color($bg lightness(-3%));
padding: 0.5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 0.5rem;
margin-bottom: 0.2rem;
.entry {
background: color($bg lightness(+3%));
padding: 0.5rem;
flex-grow: 1;
text-align: center;
}
}
footer + div {
/* something weird from the devstack.. */
display: none;
}