hope/php_xcstat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Color Navbar, Icons

Browse Source
This commit is contained in:
Peter Hoppe
2022-12-07 11:43:49 +01:00
parent 279657ec4b
commit 09c655cec1
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Navbar.css
View File

@ -1,6 +1,7 @@
.navbar {
background-color: #060b26;
background-color: #ba3a07c2;
height: 80px;
width: 100px;
display: flex;
justify-content: flex-start;
align-items: center;
@ -13,7 +14,7 @@
}
.nav-menu {
background-color: #060b26;
background-color: #ba3a07c2;
width: 250px;
height: 100vh;
display: flex;
@ -59,7 +60,7 @@
}
.navbar-toggle {
background-color: #060b26;
background-color: #ba3a07c2;
width: 100%;
height: 80px;
display: flex;

8
src/components/SidebarData.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import * as FaIcons from 'react-icons/fa';
import * as MdIcons from 'react-icons/md';
import * as AiIcons from 'react-icons/ai';
import * as IoIcons from 'react-icons/io';
import * as BiIcons from 'react-icons/bi';
export const SidebarData = [
{
@ -13,13 +13,13 @@ export const SidebarData = [
{
title: 'Flights',
path: '/flights',
icon: <IoIcons.IoIosPaper />,
icon: <MdIcons.MdFlightTakeoff />,
cName: 'nav-text'
},
{
title: 'Seasons',
path: '/seasons',
icon: <FaIcons.FaCartPlus />,
icon: <BiIcons.BiCalendar />,
cName: 'nav-text'
}
];