ambiser
/
umami
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replace more umami branding

pull/1710/head
Ole Martin Knurvik 2022-12-01 14:34:09 +01:00
parent a8f8d4088d
commit 1dd4ada767
5 changed files with 33 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/common/EmptyPlaceholder.js
View File

@ -1,13 +1,22 @@
import React from 'react';
import PropTypes from 'prop-types';
import Icon from 'components/common/Icon';
import Logo from 'assets/logo.svg';
import styles from './EmptyPlaceholder.module.css';
function EmptyPlaceholder({ msg, children }) {
return (
<div className={styles.placeholder}>
<Icon className={styles.icon} icon={<Logo />} size="xlarge" />
<Icon
className={styles.icon}
icon={
<img
src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
className={styles.logo}
alt="Logo"
/>
}
size="xlarge"
/>
<h2 className={styles.msg}>{msg}</h2>
{children}
</div>

5
components/common/Icon.module.css
View File

@ -9,26 +9,31 @@
fill: currentColor;
}
.xlarge > img,
.xlarge > svg {
width: 48px;
height: 48px;
}
.large > img,
.large > svg {
width: 24px;
height: 24px;
}
.medium > img,
.medium > svg {
width: 16px;
height: 16px;
}
.small > img,
.small > svg {
width: 12px;
height: 12px;
}
.xsmall > img,
.xsmall > svg {
width: 10px;
height: 10px;

15
components/forms/LoginForm.js
View File

@ -14,7 +14,6 @@ import Icon from 'components/common/Icon';
import useApi from 'hooks/useApi';
import { AUTH_TOKEN } from 'lib/constants';
import { setUser } from 'store/app';
import Logo from 'assets/logo.svg';
import styles from './LoginForm.module.css';
const validate = ({ username, password }) => {
@ -76,8 +75,18 @@ export default function LoginForm() {
{() => (
<Form>
<div className={styles.header}>
<Icon icon={<Logo />} size="xlarge" className={styles.icon} />
<h1 className="center">umami</h1>
<Icon
icon={
<img
src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
className={styles.logo}
alt="Logo"
/>
}
size="xlarge"
className={styles.icon}
/>
<h1 className="center">Headless Analytics</h1>
</div>
<FormRow>
<label htmlFor="username">

7
components/layout/Header.js
View File

@ -25,9 +25,10 @@ export default function Header() {
<header className={classNames(styles.header, 'row')}>
<div className={styles.title}>
<img
src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
className={styles.logo}
/>
src="https://uploads-ssl.webflow.com/5ea18b09bf3bfd55814199f9/5ea18b09bf3bfda137419a00_petri_square_03.gif"
className={styles.logo}
alt="Logo"
/>
<Link href={isSharePage ? HOMEPAGE_URL : '/'}>Headless Analytics</Link>
</div>
<HamburgerButton />

2
components/layout/Layout.js
View File

@ -10,7 +10,7 @@ export default function Layout({ title, children, header = true, footer = true }
return (
<>
<Head>
<title>umami{title && ` - ${title}`}</title>
<title>Headless Analytics{title && ` - ${title}`}</title>
</Head>
{header && <Header />}