fix indentation and fix monero qr position

This commit is contained in:
Akis 2022-06-18 17:30:18 +03:00
parent 53705c641f
commit 147cc60b93
2 changed files with 31 additions and 6 deletions

View File

@ -50,15 +50,15 @@
.links > *:hover { .links > *:hover {
background-color: var(--accent-tertiary); background-color: var(--accent-tertiary);
text-decoration: none; text-decoration: none;
transition: all 0.5s; transition: all 0.5s;
color: var(--secondary); color: var(--secondary);
} }
.links > *:active { .links > *:active {
background-color: var(--accent-primary); background-color: var(--accent-primary);
text-decoration: none; text-decoration: none;
transition: all 0.5s; transition: all 0.5s;
color: var(--secondary); color: var(--secondary);
} }
img { img {

View File

@ -15,5 +15,30 @@ If you donate, we will be more motivated to work on the server and host more stu
# yeah sure I'll donate. links? # yeah sure I'll donate. links?
Monero: ``47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA`` <div class="monero">
<img src={MoneroQR} alt="Monero Qr Code"> <span>Monero: <code>47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA</code></span>
<img src={MoneroQR} alt="Monero Qr Code">
</div>
<style>
.monero {
display: flex;
align-items: center;
}
.monero > img {
margin-left: 8px;
}
@media only screen and (max-width: 930px) {
.monero {
flex-direction: column;
align-items: flex-start;
}
.monero > img {
margin-left: 0;
margin-top: 8px;
}
}
</style>