Some tweaks to mobile userpages

* Tweak the margins to look a little nicer on the about section (RE621)
* Center the profile image and add margins (Vanilla)
This commit is contained in:
faucet 2022-08-23 15:42:51 +01:00 committed by GitHub
parent 61a6e0a46f
commit 513aa74c80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,7 +1,7 @@
/* ==UserStyle==
@name eSix Café
@namespace mandorinn
@version 1.4.3
@version 1.4.4
@description A muted and easy on the eyes style for e621. Big credits to Faucet for the bug reports so far, thank you!
@author mandorinn [(www.mandorinn.dev)], faucet [(https://e621.net/users/601225)]
@updateURL https://github.com/mandorinn/eSix-Cafe/raw/main/release/eSixCafe.user.css
@ -3773,6 +3773,11 @@ if themep == classic {
border-radius: 4px;
}
}
@media (max-width: 800px) {
div#c-users div#a-show .about-section .about-piece {
margin: 0 0 1em 0;
}
}
}
/* Regular userpage */
div#page:not([enhancements="true"]) {
@ -3783,6 +3788,12 @@ if themep == classic {
aspect-ratio: 1/1;
outline: 5px solid var(--elements-highlight) !important;
}
@media (max-width: 800px) {
div#c-users div#a-show .profile-avatar {
margin: 0.5em auto 1em auto;
width: fit-content;
}
}
}
}