Added: layout.module.css, donate modal, contribute feedback modal, contacts

This commit is contained in:
mrfry 2021-03-26 16:57:17 +01:00
parent 6fd9beb464
commit 47a2227f87
9 changed files with 204 additions and 93 deletions

View file

@ -1,25 +1,42 @@
.container {
display: flex;
flex-flow: column;
align-items: center;
}
.contactsContainer {
margin: 5px;
max-width: 900px;
}
.contactsContainer > div:first-child {
display: flex;
justify-content: center;
padding: 5px;
/* ide az a menő stílus a headernek mint a ranklistnél van */
}
.contactsContainer > div {
.contactsContainer > * {
text-decoration: none;
display: flex;
}
.contactsContainer > div > div {
.contactsContainer > * > * {
padding: 5px;
}
.contactsContainer > div > div:nth-child(1) {
flex: 0 150px;
.contactsContainer > *:hover {
background-color: var(--hoover-color);
}
.contactsContainer > div > div:nth-child(2) {
.contactsContainer > * > *:nth-child(1) {
flex: 1;
}
.contactsContainer > * > *:nth-child(2) {
flex: 0 150px;
}
.text {
display: flex;
flex-flow: column;
align-items: center;
}
.text > div:nth-child(1) {
font-size: 20px;
color: var(--text-color);
}