External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(home): add mobile styling to footer

Browse Source
This commit is contained in:
plebeius.eth
2024-03-16 13:35:41 +01:00
parent 3f8d3dd9d1
commit 46ee42829b
1 changed files with 48 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/home/home.module.css
+48 -27
View File
@@ -154,37 +154,58 @@
color: var(--text-color-on-color2); color: var(--text-color-on-color2);
} }
.footer {
border-top: 1px solid;
width: 750px;
display: inline-flex;
align-items: center;
font-size: 12px;
justify-content: center;
}
.footer li {
background: var(--color3);
border: 1px solid;
padding: 2px 1em 2px 1em;
border-left: none;
margin-top: -1px;
list-style: none;
}
.footer li:first-child {
border-left: 1px solid !important;
}
a {
color: var(--text-color-on-color2);
text-decoration: none;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.content { .content {
min-width: 0; min-width: 0;
width: auto; width: auto;
padding: 10px; padding: 10px;
} }
.footer {
text-align: center;
}
.footer ul {
margin: auto;
}
.footer li {
display: inline-table;
line-height: 1.7;
white-space: nowrap;
padding: 2px 1em 2px 1em;
}
.footer a {
color: var(--external-link-text-color);
text-decoration: underline;
}
}
@media (min-width: 640px) {
.footer {
border-top: 1px solid;
width: 750px;
display: inline-flex;
justify-content: center;
font-size: 12px;
}
.footer li {
background: var(--color3);
border: 1px solid;
padding: 2px 1em 2px 1em;
border-left: none;
margin-top: -1px;
list-style: none;
}
.footer li:first-child {
border-left: 1px solid !important;
}
.footer a {
color: var(--text-color-on-color2);
text-decoration: none;
}
} }