init
Cette révision appartient à :
@@ -0,0 +1,44 @@
|
||||
.auth-form {
|
||||
padding: 30px 20px 10px;
|
||||
}
|
||||
|
||||
|
||||
.privacy-link {
|
||||
a {
|
||||
display : inline-block;
|
||||
font-size : 14px;
|
||||
line-height: 28px;
|
||||
color : $dark;
|
||||
}
|
||||
}
|
||||
|
||||
.identity-content {
|
||||
text-align: center;
|
||||
|
||||
.icon {
|
||||
display : flex;
|
||||
width : 75px;
|
||||
height : 75px;
|
||||
border-radius : 100px;
|
||||
margin : 0 auto;
|
||||
background : $white;
|
||||
color : $primary;
|
||||
font-size : 30px;
|
||||
padding : 10px;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
margin-bottom : 30px;
|
||||
border : 1px solid $primary;
|
||||
}
|
||||
|
||||
h4 {
|
||||
max-width: 350px;
|
||||
margin : 0 auto 15px;
|
||||
}
|
||||
|
||||
p {
|
||||
max-width: 350px;
|
||||
margin : 0 auto 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
.total-balance {
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.balance-stats {
|
||||
background : #F5F6FA;
|
||||
margin-top : 15px;
|
||||
// border : 1px solid $border-color;
|
||||
padding : 21px;
|
||||
border-radius : $radius;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active {
|
||||
|
||||
border-color: $primary;
|
||||
background : $primary;
|
||||
|
||||
p {
|
||||
color : $white;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color : $body-color;
|
||||
font-size : 14px;
|
||||
font-weight : 400;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 0px;
|
||||
font-size : 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.bills-widget-content {
|
||||
border : 1px solid $border-color;
|
||||
padding : 15px 20px;
|
||||
border-radius: $radius;
|
||||
margin-bottom: 18px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active {
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
#transaction-graph {
|
||||
height: 300px !important;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
#chart-1 {
|
||||
height: 365px !important;
|
||||
}
|
||||
|
||||
.unpaid-content {
|
||||
li {
|
||||
padding : 15px 0px;
|
||||
display : flex;
|
||||
justify-content: space-between;
|
||||
border-bottom : 1px solid $border-color;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 0px;
|
||||
border : 0px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#activityBar {
|
||||
height: 287px !important;
|
||||
}
|
||||
@@ -0,0 +1,176 @@
|
||||
.stat-widget {
|
||||
background : #f5f6fa;
|
||||
padding : 20px;
|
||||
border-radius: $radius;
|
||||
margin : 15px 0px;
|
||||
position : relative;
|
||||
|
||||
// &::before {
|
||||
// content : "";
|
||||
// position : absolute;
|
||||
// top : 22px;
|
||||
// left : 18px;
|
||||
// right : 18px;
|
||||
// bottom : -40px;
|
||||
// z-index : -2;
|
||||
// background : #E3E6EC;
|
||||
// opacity : 0.91;
|
||||
// -webkit-filter: blur(86.985px);
|
||||
// filter : blur(86.985px);
|
||||
// border-radius : 24px;
|
||||
// }
|
||||
|
||||
.widget-icon {
|
||||
// background : rgba(0, 0, 0, 0.15);
|
||||
width : 50px;
|
||||
height : 50px;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
border-radius : 100%;
|
||||
font-size : 20px;
|
||||
color : $white;
|
||||
|
||||
i {
|
||||
line-height: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-content {
|
||||
// text-align: right;
|
||||
|
||||
p {
|
||||
color : $body-color;
|
||||
opacity : 0.85;
|
||||
font-size : 14px;
|
||||
font-weight : 400;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
// color: $dark;
|
||||
font-size : 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
// p {
|
||||
// // background : $dark;
|
||||
// display : inline-block;
|
||||
// padding : 3px 7px;
|
||||
// border-radius: $radius - 16px;
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// invoice-content
|
||||
|
||||
.invoice-content {
|
||||
// margin: 0px -15px;
|
||||
|
||||
li {
|
||||
margin-bottom : 7px;
|
||||
display : block;
|
||||
padding : 12px 0px;
|
||||
// border-radius: $radius;
|
||||
position : relative;
|
||||
border-bottom : 1px solid $border-color;
|
||||
|
||||
// &:hover,
|
||||
// &:focus,
|
||||
// &.active {
|
||||
// background: $primary;
|
||||
|
||||
// h5 {
|
||||
// color: $white;
|
||||
// }
|
||||
|
||||
// p {
|
||||
// color : $white;
|
||||
// opacity: 0.75;
|
||||
// }
|
||||
|
||||
|
||||
// }
|
||||
|
||||
&:last-child {
|
||||
// margin-bottom: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
// position : absolute;
|
||||
right : 15px;
|
||||
display : block;
|
||||
font-size : 12px;
|
||||
background : $white;
|
||||
padding : 2px 10px;
|
||||
border-radius: 16px;
|
||||
display : inline-block;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.invoice-user-img {
|
||||
img {
|
||||
border-radius: $radius + 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.invoice-info {
|
||||
position: relative;
|
||||
display : block;
|
||||
|
||||
|
||||
|
||||
p {
|
||||
margin-bottom : 5px;
|
||||
// font-weight : 600;
|
||||
// color : $body-color;
|
||||
// font-size : 18px;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#most-selling-items {
|
||||
height: 295px !important;
|
||||
}
|
||||
|
||||
#activity {
|
||||
height: 245px !important;
|
||||
}
|
||||
|
||||
#user-activity {
|
||||
.btn {
|
||||
padding: 5px 15px;
|
||||
|
||||
@include respond("phone-land") {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.budget-content {
|
||||
li {
|
||||
margin-bottom: 32px;
|
||||
|
||||
h5 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.progress {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
.demo_img {
|
||||
text-align : center;
|
||||
margin-bottom: 60px;
|
||||
|
||||
.img-wrap {
|
||||
// max-height: 175px;
|
||||
overflow : hidden;
|
||||
margin-bottom: 15px;
|
||||
box-shadow : 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
|
||||
background : $white;
|
||||
padding : 10px;
|
||||
border-radius: 16px;
|
||||
border : 1px solid #EFF2F7;
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.intro-demo_img {
|
||||
// box-shadow: 0px 20px 25px rgba(22, 28, 45, 0.05);
|
||||
background : $white;
|
||||
box-shadow : 0px 36px 48px rgba(31, 66, 135, 0.04);
|
||||
padding : 10px;
|
||||
border-radius: 16px;
|
||||
|
||||
img {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
.all-notification {
|
||||
|
||||
|
||||
|
||||
a {
|
||||
display : block;
|
||||
border-bottom: 1px solid $border-color;
|
||||
padding : 10px 0px;
|
||||
|
||||
&:last-child {
|
||||
border : 0px;
|
||||
display : flex;
|
||||
justify-content: flex-end;
|
||||
align-items : center;
|
||||
color : $dark;
|
||||
padding-bottom : 0px;
|
||||
|
||||
i {
|
||||
margin-left: 5px;
|
||||
font-size : 18px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
color : $headings-color;
|
||||
font-weight : $headings-font-weight;
|
||||
font-size : 14px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 13px;
|
||||
color : $body-color;
|
||||
}
|
||||
|
||||
span {
|
||||
&.icon {
|
||||
height : 40px;
|
||||
width : 40px;
|
||||
color : $white;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
border-radius : 50px;
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&.success {
|
||||
background: $success;
|
||||
}
|
||||
|
||||
&.fail {
|
||||
background: $danger;
|
||||
}
|
||||
|
||||
&.pending {
|
||||
background: $warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
@import "./dashboard";
|
||||
@import "./auth";
|
||||
@import "./settings";
|
||||
@import "./profile";
|
||||
@import "./wallet";
|
||||
@import "./balance";
|
||||
@import "./bill";
|
||||
@import "./notification";
|
||||
@import "./profile";
|
||||
@import "./demo";
|
||||
@@ -0,0 +1,96 @@
|
||||
.app-link {
|
||||
p {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
min-width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
.user-info {
|
||||
margin: 15px 0px;
|
||||
|
||||
span {
|
||||
margin-bottom: 5px;
|
||||
display : inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.welcome-profile {
|
||||
// background: $primary !important;
|
||||
|
||||
.card-body {
|
||||
// background: $primary !important;
|
||||
|
||||
img {
|
||||
border : 4px solid $white;
|
||||
border-radius: 100px;
|
||||
width : 60px;
|
||||
}
|
||||
|
||||
// text-align: center;
|
||||
|
||||
h4 {
|
||||
// color : $white;
|
||||
margin-top: 10px;
|
||||
font-size : 18px;
|
||||
}
|
||||
|
||||
p {
|
||||
// color : $white;
|
||||
opacity : 0.75;
|
||||
// max-width : 300px;
|
||||
// margin : 0 auto;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
text-align: left;
|
||||
|
||||
li {
|
||||
padding : 15px 0px;
|
||||
border-bottom: 1px solid $border-color;
|
||||
|
||||
&:last-child {
|
||||
border : 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
a {
|
||||
// color : darken($white, 5%);
|
||||
display : flex;
|
||||
align-items: center;
|
||||
transition : all 0.25 ease-in-out;
|
||||
|
||||
span {
|
||||
// background : $primary;
|
||||
padding : 5px;
|
||||
border-radius : 50px;
|
||||
width : 30px;
|
||||
height : 30px;
|
||||
display : inline-flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
margin-right : 10px;
|
||||
transition : all 0.25 ease-in-out;
|
||||
|
||||
&.verified {
|
||||
background: $success;
|
||||
color : $white;
|
||||
}
|
||||
|
||||
&.not-verified {
|
||||
background: $primary;
|
||||
color : $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/////
|
||||
@@ -0,0 +1,71 @@
|
||||
.settings-menu {
|
||||
margin-bottom: 30px;
|
||||
display : flex;
|
||||
|
||||
@include respond('phone-land') {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
@include respond('phone-land') {
|
||||
display: inline-block;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
a {
|
||||
color : $primary;
|
||||
// opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display : inline-block;
|
||||
margin-right : 20px;
|
||||
color : $body-color;
|
||||
// font-weight : $headings-font-weight;
|
||||
font-size : 16px;
|
||||
// opacity : 0.75;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.verify-content {
|
||||
display : flex;
|
||||
justify-content: space-between;
|
||||
align-items : center;
|
||||
|
||||
@include respond('phone-land') {
|
||||
display: block;
|
||||
|
||||
.btn {
|
||||
margin-left: 65px;
|
||||
margin-top : 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon-circle {
|
||||
height : 50px;
|
||||
min-width : 50px;
|
||||
font-size : 22px;
|
||||
display : flex;
|
||||
justify-content: center;
|
||||
align-items : center;
|
||||
border-radius : 50px;
|
||||
}
|
||||
|
||||
.card {
|
||||
.card {
|
||||
box-shadow: none;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
.invoice-stats{
|
||||
background: $white;
|
||||
border-radius: 16px;
|
||||
padding: 30px;
|
||||
margin-bottom: 30px;
|
||||
.invoice-stats-content{
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.invoice-stats-icon{
|
||||
span{
|
||||
display: flex;
|
||||
height: 75px;
|
||||
width: 75px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid rgba(53, 70, 171, 0.12);
|
||||
border-radius: 50%;
|
||||
margin-left:1rem;
|
||||
i{
|
||||
|
||||
font-size: 32px;
|
||||
line-height: 0px;
|
||||
// padding: 5px;
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
Référencer dans un nouveau ticket
Bloquer un utilisateur