Anri/mylloon.fr
1
0
Fork 0
Code Issues 21 Pull requests 2 Releases Packages 1 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 {
color: var(--font-color);
font-size: var(--font-size);
margin-inline: 27%;
padding: 2em 1em;
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
color: var(--font-color);
margin: 0 auto;
max-width: 640px; /* breakpoint */
}
/* Name header */
@ -49,17 +50,18 @@ main {
}
.avatar {
width: 65px;
width: 90px;
border-radius: 50%;
float: right;
}
/* breakpoint */
@media only screen and (max-width: 640px) {
main {
margin-inline: 0;
}
.avatar {
visibility: collapse;
visibility: hidden;
}
}