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 React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Icon from 'components/common/Icon'; import Icon from 'components/common/Icon';
import Logo from 'assets/logo.svg';
import styles from './EmptyPlaceholder.module.css'; import styles from './EmptyPlaceholder.module.css';
function EmptyPlaceholder({ msg, children }) { function EmptyPlaceholder({ msg, children }) {
return ( return (
<div className={styles.placeholder}> <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> <h2 className={styles.msg}>{msg}</h2>
{children} {children}
</div> </div>

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

@ -9,26 +9,31 @@
fill: currentColor; fill: currentColor;
} }
.xlarge > img,
.xlarge > svg { .xlarge > svg {
width: 48px; width: 48px;
height: 48px; height: 48px;
} }
.large > img,
.large > svg { .large > svg {
width: 24px; width: 24px;
height: 24px; height: 24px;
} }
.medium > img,
.medium > svg { .medium > svg {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.small > img,
.small > svg { .small > svg {
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
.xsmall > img,
.xsmall > svg { .xsmall > svg {
width: 10px; width: 10px;
height: 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 useApi from 'hooks/useApi';
import { AUTH_TOKEN } from 'lib/constants'; import { AUTH_TOKEN } from 'lib/constants';
import { setUser } from 'store/app'; import { setUser } from 'store/app';
import Logo from 'assets/logo.svg';
import styles from './LoginForm.module.css'; import styles from './LoginForm.module.css';
const validate = ({ username, password }) => { const validate = ({ username, password }) => {
@ -76,8 +75,18 @@ export default function LoginForm() {
{() => ( {() => (
<Form> <Form>
<div className={styles.header}> <div className={styles.header}>
<Icon icon={<Logo />} size="xlarge" className={styles.icon} /> <Icon
<h1 className="center">umami</h1> 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> </div>
<FormRow> <FormRow>
<label htmlFor="username"> <label htmlFor="username">

7
components/layout/Header.js
View File

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

2
components/layout/Layout.js
View File

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