mirrors
/
semaphore
mirror of https://github.com/NickColley/semaphore.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve username space on smaller screens

This commit is contained in:
Nick Colley 2023-02-02 12:32:12 +00:00
parent 32821a2471
commit 2ca39f8aa8
3 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/_components/profile/AccountProfile.html
View File

@ -83,20 +83,15 @@
} }
} }
@media (max-width: 340px) { @media (max-width: 400px) {
.account-profile-grid { .account-profile-grid {
grid-template-areas: "avatar avatar" grid-template-areas: "avatar name name label"
"avatar avatar" "avatar username username username"
"name name" "followed-by followed-by follow follow"
"username username" "note note note note"
"label label" "meta meta meta meta"
"followed-by followed-by" "details details details details";
"follow follow" grid-template-columns: min-content 1fr min-content min-content;
"note note"
"meta meta"
"details details";
grid-template-columns: min-content 1fr;
grid-column-gap: 5px;
} }
} }

6
src/routes/_components/profile/AccountProfileFollow.html
View File

@ -31,12 +31,6 @@
gap: 5px; gap: 5px;
} }
@media (max-width: 340px) {
.account-profile-follow {
justify-self: flex-end;
}
}
:global(.account-profile-more-options-button), :global(.account-profile-more-options-button),
.account-profile-follow-button { .account-profile-follow-button {
padding: 10px; padding: 10px;

9
src/routes/_components/profile/AccountProfileHeader.html
View File

@ -103,12 +103,15 @@
@media (max-width: 767px) { @media (max-width: 767px) {
.account-profile-name { .account-profile-name {
font-size: 1.3em; /* font-size: 1.3em; */
} }
.account-profile-username { .account-profile-username {
font-size: 1.1em; /* font-size: 1.1em; */
} }
.account-profile-name, .account-profile-username { .account-profile-name {
align-self: flex-end;
}
.account-profile-username {
align-self: flex-start; align-self: flex-start;
} }
} }