- added main layout, sidebar, toolbar;

- started dashboard page, added first widget;
- created new theme 'gepafin' - styles for the app;
This commit is contained in:
Vitalii Kiiko
2024-08-12 16:55:30 +02:00
parent 9eb9dc40d8
commit c09127a675
137 changed files with 12038 additions and 66 deletions

View File

@@ -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";