Adjusting colours, some quick fixes after changing to sales person for relationship name.
This commit is contained in:
parent
c51352c9bf
commit
666fc883fb
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
)
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
.tableSection {
|
||||
padding: 2rem;
|
||||
background: #D3D3D3;
|
||||
background: var(--bg-color);
|
||||
width: 800px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
.formSection {
|
||||
padding: 2rem;
|
||||
background: #D3D3D3;
|
||||
background: var(--bg-color);
|
||||
width: 400px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue