vbatts/ntfy
1
0
Fork 0
Code Pull requests Activity

Make homepage slightly nicer looking

Browse source
This commit is contained in:
binwiederhier 2022-12-29 21:53:41 -05:00
parent f4ffcebb14
commit 036f08a729
7 changed files with 284 additions and 276 deletions
Download patch file Download diff file Expand all files Collapse all files

3
web/src/components/App.js
View file

@ -1,6 +1,5 @@
import * as React from 'react';
import { Suspense } from "react";
import {useEffect, useState} from 'react';
import {Suspense, useEffect, useState} from 'react';
import Box from '@mui/material/Box';
import {ThemeProvider} from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';

17
web/src/components/SiteLayout.js
View file

@ -1,7 +1,9 @@
import * as React from 'react';
import {NavLink} from "react-router-dom";
import routes from "./routes";
import session from "../app/Session";
import CloudOutlinedIcon from '@mui/icons-material/CloudOutlined';
import GitHubIcon from '@mui/icons-material/GitHub';
import {Link} from "@mui/material";
const SiteLayout = (props) => {
return (
@ -10,13 +12,12 @@ const SiteLayout = (props) => {
<div id="headerBox">
<img id="logo" src="static/img/ntfy.png" alt="logo"/>
<div id="name">ntfy</div>
<ol>
<li><NavLink to={routes.home} activeStyle>Features</NavLink></li>
<li><NavLink to={routes.pricing} activeStyle>Pricing</NavLink></li>
<li><NavLink to="/docs" reloadDocument={true} activeStyle>Docs</NavLink></li>
{config.enableSignup && !session.exists() && <li><NavLink to={routes.signup} activeStyle>Sign up</NavLink></li>}
{config.enableLogin && !session.exists() && <li><NavLink to={routes.login} activeStyle>Login</NavLink></li>}
<li><NavLink to={routes.app} activeStyle>Open app</NavLink></li>
<ol id="menu">
<li><NavLink to={routes.home}>Features</NavLink></li>
<li><NavLink to={routes.pricing}>Pricing</NavLink></li>
<li><NavLink to="/docs" reloadDocument={true}>Docs</NavLink></li>
<li><Link href="https://github.com/binwiederhier/ntfy" reloadDocument={true}><GitHubIcon fontSize="small" sx={{verticalAlign: "text-top"}}/> Forever open</Link></li>
<li><NavLink to={routes.app}><CloudOutlinedIcon fontSize="small" sx={{verticalAlign: "text-top"}}/> Open app</NavLink></li>
</ol>
</div>
</nav>