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
+31 -10
View File
@@ -154,13 +154,41 @@
color: var(--text-color-on-color2); color: var(--text-color-on-color2);
} }
@media (max-width: 768px) {
.content {
min-width: 0;
width: auto;
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 { .footer {
border-top: 1px solid; border-top: 1px solid;
width: 750px; width: 750px;
display: inline-flex; display: inline-flex;
align-items: center;
font-size: 12px;
justify-content: center; justify-content: center;
font-size: 12px;
} }
.footer li { .footer li {
@@ -176,15 +204,8 @@
border-left: 1px solid !important; border-left: 1px solid !important;
} }
a { .footer a {
color: var(--text-color-on-color2); color: var(--text-color-on-color2);
text-decoration: none; text-decoration: none;
} }
@media (max-width: 768px) {
.content {
min-width: 0;
width: auto;
padding: 10px;
}
} }