Add better resizable window and increase avatar size
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending
This commit is contained in:
parent
d0042dfa65
commit
7690c3d56c
1 changed files with 5 additions and 3 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue