QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-18 13:50:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: homeapge style.

Browse Source
This commit is contained in:
elforjani3
2021-01-31 21:20:20 +02:00
parent 732c3bbfd7
commit 9456cc989e
8 changed files with 273 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
client/src/style/pages/HomePage/HomePage.scss Normal file
View File

@@ -0,0 +1,107 @@
.homepage {
&__container {
display: flex;
height: 100%;
margin: 22px 32px;
background-color: transparent;
.shortcut-boxes {
flex: 2;
display: flex;
flex-wrap: wrap;
background-color: #fff;
border-bottom: 1px solid #d2dce2;
border-right: 1px solid #d2dce2;
.shortcut-box {
width: 50%;
// height: 174px;
padding: 16px;
border-left: 1px solid #d2dce2;
border-top: 1px solid #d2dce2;
background-color: transparent;
transition: 0.2s;
&__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
span > a {
color: #d6d6e0;
}
.header--icon {
width: 38px;
height: 32px;
// background-color:#F3FEFA;
}
}
&__title {
font-size: 16px;
color: #48485c;
font-weight: 500;
line-height: 1.6rem;
margin-bottom: 10px;
}
&__description {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
}
}
}
.announcements-list {
flex: 1;
flex-shrink: 0;
background-color: #fff;
border: 1px solid #d2dce2;
margin-left: 24px;
display: flex;
flex-direction: column;
padding-bottom: 32px;
width: 100%;
&__title {
font-size: 16px;
font-weight: 400;
margin: 16px;
}
.announcement-box {
padding: 16px;
width: 100%;
// margin-bottom: 20px;
&__title {
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
&____description {
}
&.announcement-box:not(:last-child) {
// border-top: 1px solid #d2dce2;
border-bottom: 1px solid #d2dce2;
}
}
.btn-view-all {
display: flex;
border-radius: 12px;
background: transparent;
padding: 5px;
margin: 20px;
vertical-align: middle;
text-align: center;
cursor: pointer;
text-decoration: none;
border: 1px solid;
justify-items: center;
justify-content: center;
}
}
}
}