Anri/mylloon.fr
1
0
Fork 0
Code Issues 18 Pull requests 2 Releases Packages Activity Actions

Add better resizable window and increase avatar size
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending
Details

Browse source
This commit is contained in:
Mylloon 2023-10-13 13:11:31 +02:00
parent d0042dfa65
commit 7690c3d56c
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/css/index.css
View file

@ -24,10 +24,11 @@
main { main {
color: var(--font-color); color: var(--font-color);
font-size: var(--font-size); font-size: var(--font-size);
margin-inline: 27%;
padding: 2em 1em; padding: 2em 1em;
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
color: var(--font-color); color: var(--font-color);
margin: 0 auto;
max-width: 640px; /* breakpoint */
} }
/* Name header */ /* Name header */
@ -49,17 +50,18 @@ main {
} }
.avatar { .avatar {
width: 65px; width: 90px;
border-radius: 50%; border-radius: 50%;
float: right; float: right;
} }
/* breakpoint */
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
main { main {
margin-inline: 0; margin-inline: 0;
} }
.avatar { .avatar {
visibility: collapse; visibility: hidden;
} }
} }