summaryrefslogtreecommitdiff
path: root/web/assets/profile.css
diff options
context:
space:
mode:
authorLibravatar tobi <31960611+tsmethurst@users.noreply.github.com>2022-04-15 14:33:01 +0200
committerLibravatar GitHub <noreply@github.com>2022-04-15 14:33:01 +0200
commit26683b3d49beea9b1f0e8f78df4720285d4c0825 (patch)
tree06bf09cdee7a60c41947a0bd03d6a42ad83ee784 /web/assets/profile.css
parent[bugfix] Fix broken only_media and only_public flags on /api/v1/accounts/:id/... (diff)
downloadgotosocial-26683b3d49beea9b1f0e8f78df4720285d4c0825.tar.xz
[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
Diffstat (limited to 'web/assets/profile.css')
-rw-r--r--web/assets/profile.css90
1 files changed, 90 insertions, 0 deletions
diff --git a/web/assets/profile.css b/web/assets/profile.css
new file mode 100644
index 000000000..7631b08ab
--- /dev/null
+++ b/web/assets/profile.css
@@ -0,0 +1,90 @@
+main {
+ background: transparent;
+}
+
+.headerimage img {
+ width: 100%;
+ height: 15em;
+ object-fit: cover;
+ border-radius: 10px;
+ }
+
+.profile {
+ position: relative;
+ background: rgb(75, 84, 93);
+ padding: 2rem;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ gap: 0.5rem;
+ margin-bottom: 0.2rem;
+}
+
+.profile .basic {
+ display: flex;
+ flex-direction: column;
+ flex: 1 1 25em;
+ gap: 0.5rem;
+ }
+
+.profile .basic a {
+ position: relative;
+ z-index: 1;
+ color: inherit;
+ text-decoration: none;
+ }
+
+.profile .basic .avatar img {
+ height: 25em;
+ width: 25em;
+ object-fit: cover;
+ border-radius: 10px;
+ }
+
+.profile .basic .displayname {
+ font-weight: bold;
+ font-size: 1.6rem;
+ align-self: start;
+ }
+
+.profile .detailed {
+ display: flex;
+ flex-direction: column;
+ flex: 1 1 25em;
+ }
+
+.profile .detailed h2 {
+ margin-top: 0;
+ }
+
+.profile .detailed .bio {
+ margin: 0;
+ }
+
+.profile .detailed .bio a {
+ color: #de8957;
+ text-decoration: underline;
+ }
+
+.accountstats {
+ position: relative;
+ background: rgb(75, 84, 93);
+ padding: 0.5rem;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ gap: 0.5rem;
+ margin-bottom: 0.2rem;
+}
+
+.accountstats .entry {
+ background: rgb(89, 99, 110);
+ padding: 0.5rem;
+ flex-grow: 1;
+ text-align: center;
+ }
+
+footer + div {
+ /* something weird from the devstack.. */
+ display: none;
+}