mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-25 14:34:19 +00:00
✨ Add multiple buttons to the Sidebar
This commit is contained in:
parent
c726df9531
commit
2cc4ba56ca
2 changed files with 5 additions and 2 deletions
|
@ -3,7 +3,7 @@ import Style from "./Sidebar.module.css"
|
||||||
import classNames from "classnames"
|
import classNames from "classnames"
|
||||||
import Logo from "./Logo"
|
import Logo from "./Logo"
|
||||||
import ButtonSidebar from "./ButtonSidebar"
|
import ButtonSidebar from "./ButtonSidebar"
|
||||||
import { faHome } from "@fortawesome/free-solid-svg-icons"
|
import { faCog, faExclamationTriangle, faFolder, faHome } from "@fortawesome/free-solid-svg-icons"
|
||||||
|
|
||||||
|
|
||||||
export default function Sidebar({ children, className, ...props }) {
|
export default function Sidebar({ children, className, ...props }) {
|
||||||
|
@ -12,6 +12,9 @@ export default function Sidebar({ children, className, ...props }) {
|
||||||
{/* TODO: Aggiungere il logo qui! */}
|
{/* TODO: Aggiungere il logo qui! */}
|
||||||
<Logo/>
|
<Logo/>
|
||||||
<ButtonSidebar icon={faHome}>Dashboard</ButtonSidebar>
|
<ButtonSidebar icon={faHome}>Dashboard</ButtonSidebar>
|
||||||
|
<ButtonSidebar icon={faFolder}>Repositories</ButtonSidebar>
|
||||||
|
<ButtonSidebar icon={faExclamationTriangle}>Alerts</ButtonSidebar>
|
||||||
|
<ButtonSidebar icon={faCog}>Settings</ButtonSidebar>
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
.Sidebar {
|
.Sidebar {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 25px;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
Loading…
Reference in a new issue