watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-12 00:27:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Support i18n.

Browse source
This commit is contained in:
Mike Cao 2020-09-07 01:22:16 -07:00
parent f0ac9b6522
commit e8538f6e23
14 changed files with 372 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

21
components/layout/Footer.js
View file

@ -3,23 +3,26 @@ import { FormattedMessage } from 'react-intl';
import Link from 'next/link';
import classNames from 'classnames';
import Button from 'components/common/Button';
import LanguageButton from 'components/common/LanguageButton';
import Logo from 'assets/logo.svg';
import styles from './Footer.module.css';
export default function Footer() {
return (
<footer className="container">
<div className={classNames(styles.footer, 'row justify-content-center')}>
<div>
<div className={classNames(styles.footer, 'row')}>
<LanguageButton />
<div className={styles.center}>
<FormattedMessage id="footer.powered-by" defaultMessage="powered by" />
<Link href="https://umami.is">
<a>
<Button icon={<Logo />} size="small">
<b>umami</b>
</Button>
</a>
</Link>
</div>
<Link href="https://umami.is">
<a>
<Button icon={<Logo />} size="small">
<b>umami</b>
</Button>
</a>
</Link>
<div></div>
</div>
</footer>
);

9
components/layout/Footer.module.css
View file

@ -1,14 +1,21 @@
.footer {
display: flex;
justify-content: space-between;
align-items: center;
font-size: var(--font-size-small);
min-height: 100px;
}
.footer button {
.footer .center button {
margin-left: 10px;
}
.footer a {
text-decoration: none;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}