- added main layout, sidebar, toolbar;
- started dashboard page, added first widget; - created new theme 'gepafin' - styles for the app;
This commit is contained in:
@@ -1,3 +1,84 @@
|
||||
/*@import 'primereact/resources/themes/lara-light-green/theme.css';*/
|
||||
@import "gepafin/gepafin-theme.scss";
|
||||
@import 'primeicons/primeicons.css';
|
||||
|
||||
:root {
|
||||
--menu-borderColor: #EAB308;
|
||||
--horizontalMenu-background: #F9FAFB;
|
||||
--menuitem-color: #4B5563;
|
||||
--menuitem-active-color: #FFF;
|
||||
--menuitem-active-background: #3B7C43;
|
||||
--Black: #000;
|
||||
|
||||
--card-full-background-color-2: #EEC137;
|
||||
--card-full-background-color-3: #FA8E42;
|
||||
--card-full-background-color-4: #75BD7D;
|
||||
--card-full-background-color-1: #3B7C43;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: moccasin;
|
||||
}
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
min-height: 0;
|
||||
}
|
||||
.inner {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
|
||||
> sidebar {
|
||||
flex: 0 0 320px;
|
||||
border-right: 1px solid var(--menu-borderColor);
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li a {
|
||||
display: flex;
|
||||
padding: 10.5px 17.5px;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
border-bottom: 1px solid var(--menu-borderColor);
|
||||
color: var(--menuitem-color);
|
||||
background-color: transparent;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 100%;
|
||||
text-decoration: none;
|
||||
|
||||
i {
|
||||
color: var(--text-color-secondary);
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: var(--menuitem-active-color);
|
||||
background-color: var(--menuitem-active-background);
|
||||
|
||||
i {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> main {
|
||||
flex: 1 1 auto;
|
||||
box-sizing: border-box;
|
||||
padding: 0 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@import "./components/topBar.css";
|
||||
@import "./components/appPage.css";
|
||||
@import "./components/statsBigBadges.css";
|
||||
Reference in New Issue
Block a user