improve main page style

This commit is contained in:
imperosol
2026-04-27 19:26:52 +02:00
parent f0ac35370e
commit b7275bd843
+8 -18
View File
@@ -16,9 +16,13 @@
#right_column { #right_column {
flex: 20%; flex: 20%;
margin: 3.2px; margin: 3.2px;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
@media screen and (min-width: 800px) {
max-width: 20%;
min-width: 200px;
}
} }
#left_column { #left_column {
@@ -46,7 +50,7 @@
} }
} }
@media screen and (max-width: $small-devices) { @media screen and (max-width: 800px) {
#left_column, #left_column,
#right_column { #right_column {
flex: 100%; flex: 100%;
@@ -76,10 +80,10 @@
display: block; display: block;
width: 100%; width: 100%;
background: white; background: white;
font-size: 70%;
margin-bottom: 1em; margin-bottom: 1em;
#links_content { #links_content {
font-size: 85%;
overflow: auto; overflow: auto;
box-shadow: $shadow-color 1px 1px 1px; box-shadow: $shadow-color 1px 1px 1px;
min-height: 20em; min-height: 20em;
@@ -95,24 +99,10 @@
li { li {
margin: 10px; margin: 10px;
.fa-facebook {
color: $faceblue;
}
.fa-discord {
color: $discordblurple;
}
.fa-square-instagram::before {
background: $instagradient;
background-clip: text;
-webkit-text-fill-color: transparent;
}
i { i {
width: 25px; width: 25px;
text-align: center; text-align: center;
margin-right: .5rem;
} }
} }
} }