LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Fix footer in master

Browse source 
Since lbry.tv is going away, I tried not to touch the css file much so that the merge into `odysee` won't affect it. The side effect is that the links are now white instead of the regular link color.
This commit is contained in:
infinite-persistence 2021-06-08 01:18:52 +08:00
parent 05a1f3cdab
commit 5eae88b553
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
2 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/scss/component/_footer.scss
View file

@ -47,6 +47,10 @@
.footer__section {
margin-left: var(--spacing-xl);
&:not(:last-child) {
padding-right: var(--spacing-xl);
}
@media (max-width: $breakpoint-small) {
margin-left: var(--spacing-l);
}

21
web/component/footer.jsx
View file

@ -80,23 +80,22 @@ const sections = [
export default function Footer() {
return (
<footer className="footer">
{sections.map(({ name, links }) => {
return (
<div key={name} className="footer__section">
<div className="footer__section-title">{__(name)}</div>
<ul className="ul--no-style">
{/* $FlowFixMe */}
<ul className="navigation__tertiary footer__links bright ul--no-style">
{sections.map(({ name, links }) => {
return (
<li key={name} className="footer__section">
<div className="footer__section-title">{__(name)}</div>
{links.map(({ label, link, navigate }) => {
return (
<li key={label}>
<Button className="footer__link" href={link} navigate={navigate} label={__(label)} />
<Button className="footer__link" label={__(label)} href={link} navigate={navigate} />
</li>
);
})}
</ul>
</div>
);
})}
</li>
);
})}
</ul>
</footer>
);
}