Adjusting colours, some quick fixes after changing to sales person for relationship name.

This commit is contained in:
mike12345567 2022-03-09 15:19:18 +00:00
parent c51352c9bf
commit 666fc883fb
6 changed files with 12 additions and 8 deletions

View File

@ -8,21 +8,20 @@ function layout(props: any) {
<nav className="navbar" role="navigation" aria-label="main navigation">
<div id="navbar" className="navbar-menu">
<div className="logo">
<Image src="/bb-emblem.svg" width="50" height="50" />
<Image alt="logo" src="/bb-emblem.svg" width="50" height="50" />
</div>
<div className="navbar-start">
<Link href="/">
<a className="navbar-item">
Home
List
</a>
</Link>
<Link href="/save">
<a className="navbar-item">
Save
New sale
</a>
</Link>
</div>
<div className="navbar-end">
<div className="navbar-item">
<div className="buttons">

View File

@ -1,10 +1,14 @@
import "../styles/global.sass"
import type { AppProps } from "next/app"
import Head from "next/head"
import Layout from "../components/layout"
function MyApp({ Component, pageProps }: AppProps) {
return (
<Layout>
<Head>
<title>BB NextJS Sales Example</title>
</Head>
<Component {...pageProps} />
</Layout>
)

View File

@ -65,7 +65,7 @@ const Home: NextPage = () => {
<tr key={sale.sale_id}>
<th>{sale.sale_id}</th>
<th>{sale.sale_name}</th>
<th>{sale.sales_people?.map((person: any) => person.primaryDisplay)[0]}</th>
<th>{sale.sales_person?.map((person: any) => person.primaryDisplay)[0]}</th>
</tr>
)}
</tbody>

View File

@ -9,6 +9,7 @@ $family-sans-serif: "Roboto", sans-serif
justify-content: flex-start
align-items: stretch
height: 100vh
--bg-color: #f5f5f5
.logo
padding: 0.75rem
@ -21,5 +22,5 @@ html
overflow-y: auto
.navbar
background-color: #D3D3D3
background-color: var(--bg-color)
color: white

View File

@ -15,7 +15,7 @@
.tableSection {
padding: 2rem;
background: #D3D3D3;
background: var(--bg-color);
width: 800px;
border-radius: 10px;
}

View File

@ -9,7 +9,7 @@
.formSection {
padding: 2rem;
background: #D3D3D3;
background: var(--bg-color);
width: 400px;
border-radius: 10px;
}