cswine
/
point-of-sales
1
1
Fork 0
Code Issues 2 Pull Requests Packages Projects 1 Releases Wiki Activity

ok

This commit is contained in:
Jasen Qin 2024-04-28 18:15:09 +10:00
parent ad610fa866
commit 5d50733616
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pos-frontend/app/page.tsx
View File

@ -1,15 +1,12 @@
import React from "react" import React from "react"
import { Button } from '@nextui-org/button' import { Button, Nav, Stack } from "react-bootstrap"
import { Nav, Stack } from "react-bootstrap"
import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/css/bootstrap.min.css'
import { Navbar, NavbarBrand, NavbarContent, NavbarItem } from "@nextui-org/react"
import Link from "next/link"
export default function Page() { export default function Page() {
return ( return (
<div className="flex gap-4 items-center" style={{ padding: 4 }}> <div className="flex gap-4 items-center" style={{ padding: 4 }}>
<Button color="primary" size="lg">Click me 2</Button> <Button color="primary" size="lg">Click me 2</Button>
<Button size="md"> <Button size="sm">
Medium Medium
</Button> </Button>
<Button size="lg"> <Button size="lg">
@ -20,7 +17,7 @@ export default function Page() {
<div className="p-2">Second item</div> <div className="p-2">Second item</div>
<div className="p-2">Third item</div> <div className="p-2">Third item</div>
</Stack> </Stack>
<ul className="nav flex-column"> <Nav className="flex-column">
<li className="nav-item"> <li className="nav-item">
<a className="nav-link active" href="/x">Active</a> <a className="nav-link active" href="/x">Active</a>
</li> </li>
@ -33,7 +30,7 @@ export default function Page() {
<li className="nav-item"> <li className="nav-item">
<a className="nav-link disabled" href="#">Disabled</a> <a className="nav-link disabled" href="#">Disabled</a>
</li> </li>
</ul> </Nav>
</div> </div>
) )
} }