MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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 05352703b9
commit 93df84b671
6 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
examples/nextjs-api-sales/components/layout.tsx
View File

@ -8,21 +8,20 @@ function layout(props: any) {
<nav className="navbar" role="navigation" aria-label="main navigation"> <nav className="navbar" role="navigation" aria-label="main navigation">
<div id="navbar" className="navbar-menu"> <div id="navbar" className="navbar-menu">
<div className="logo"> <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>
<div className="navbar-start"> <div className="navbar-start">
<Link href="/"> <Link href="/">
<a className="navbar-item"> <a className="navbar-item">
Home List
</a> </a>
</Link> </Link>
<Link href="/save"> <Link href="/save">
<a className="navbar-item"> <a className="navbar-item">
Save New sale
</a> </a>
</Link> </Link>
</div> </div>
<div className="navbar-end"> <div className="navbar-end">
<div className="navbar-item"> <div className="navbar-item">
<div className="buttons"> <div className="buttons">

4
examples/nextjs-api-sales/pages/_app.tsx
View File

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

2
examples/nextjs-api-sales/pages/index.tsx
View File

@ -65,7 +65,7 @@ const Home: NextPage = () => {
<tr key={sale.sale_id}> <tr key={sale.sale_id}>
<th>{sale.sale_id}</th> <th>{sale.sale_id}</th>
<th>{sale.sale_name}</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> </tr>
)} )}
</tbody> </tbody>

3
examples/nextjs-api-sales/styles/global.sass
View File

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

2
examples/nextjs-api-sales/styles/home.module.css
View File

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

2
examples/nextjs-api-sales/styles/save.module.css
View File

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