Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2024-11-25 12:01:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

profile-mode: improvements

Browse Source 
- update css logic
- rm redundant code
- reduce image size, it looks big imo
This commit is contained in:
Aditya Telange 2020-11-09 11:12:52 +05:30
parent b7169d2259
commit f9fbdc9963
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
1 changed files with 15 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/profile-mode.css
View File

@ -1,39 +1,33 @@
.main { .main .profile {
position: absolute;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
height: 80%;
text-align: center; text-align: center;
display: table;
} }
.main>.profile { .profile .profile_inner h1 {
display: table-cell;
vertical-align: middle;
}
.main>.profile>.profile_inner {
transform: translate(0, -10%);
}
.profile_inner h1 {
padding: 12px 0; padding: 12px 0;
} }
.profile_inner span { .profile .profile_inner span {
padding: 10px 0; padding: 10px 0;
font-size: 18px; font-size: 18px;
} }
img { .profile img {
display: inline-table; display: inline-table;
width: 180px; width: 150px;
border-radius: 50%; border-radius: 50%;
pointer-events: none; pointer-events: none;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
img { .profile img {
width: 150px; width: 120px;
}
.main>.profile>.profile_inner {
transform: translate(0, 0);
} }
} }