rianraka/mamberamo
1
0
Fork 0
Code Issues 1 Pull Requests Projects 1 Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
rifqiryandi
2022-04-13 13:51:55 +07:00
commit 47e209c023
3107 changed files with 238911 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
public/style/scss/components/widget/_widget-card-list.scss Normal file
View File

@ -0,0 +1,68 @@
.card-list{
overflow: unset;
height: calc(100% - 50px);
.card-header{
padding-top: 0;
padding-bottom: 0;
.photo{
overflow: hidden;
border-radius: 5px;
width: 100%;
}
}
@include respond('tab-land') {
height: calc(100% - 40px);
}
&.list-left{
margin-top: 15px;
margin-left: 15px;
.card-header{
padding-left: 0;
.photo{
margin: -15px 15px 0 -15px;
}
}
}
&.list-right{
margin-top: 15px;
margin-right: 15px;
text-align: right;
.card-header{
padding-right: 0;
.photo{
margin: -15px -15px 0 15px;
img{
width:100%;
}
}
}
}
&.list-center{
margin-top: 15px;
.card-header{
.photo{
margin: -15px 0 0 0;
}
}
}
.photo img{
width:100%;
}
}
.card-profile{
.profile-photo{
margin-top: -20px;
}
}

123
public/style/scss/components/widget/_widget-chart.scss Normal file
View File

@ -0,0 +1,123 @@
#chart_widget_4 {
height: 255px !important;
}
#chart_widget_5 {
.ct-series-a .ct-line,
.ct-series-a .ct-point {
stroke: #46ffc8;
}
.ct-line {
stroke-width: 1px;
}
.ct-point {
stroke-width: 2px;
}
.ct-series-a .ct-area {
fill: #43d66c;
}
.ct-area {
fill-opacity: 1;
}
}
#chart_widget_6 {
.ct-series-a .ct-line,
.ct-series-a .ct-point {
stroke: $info;
}
.ct-line {
stroke-width: 2px;
}
.ct-point {
stroke-width: 5px;
}
.ct-series-a .ct-area {
fill: $info;
}
.ct-area {
fill-opacity: .5;
}
}
#chart_widget_8 {
height: 255px;
.ct-series-a .ct-line,
.ct-series-a .ct-point {
stroke: $info;
}
.ct-line {
stroke-width: 2px;
}
.ct-point {
stroke-width: 5px;
}
.ct-series-a .ct-area {
fill: $info;
}
.ct-area {
fill-opacity: .5;
}
}
#chart_widget_9, #chart_widget_10 {
height: 250px !important;
}
#chart_widget_11, #chart_widget_12, #chart_widget_13 {
.ct-slice-donut {
stroke-width: 25px !important;
}
}
#chart_widget_11 {
height: 270px !important;
}
#chart_widget_17 {
height: 150px !important;
}
.chart_widget_tab_one {
.nav-link {
border: 1px solid #ddd;
&.active {
background-color: $primary;
border: 1px solid $primary;
color: $white;
&:hover {
border: 1px solid $primary;
}
}
&:hover {
border: 1px solid #ddd;
}
}
}
.ccc-widget {
&>div {
@at-root [data-theme-version="dark"] & {
background: $dark-card !important;
border-color: $d-border !important;
}
}
}

86
public/style/scss/components/widget/_widget-media.scss Normal file
View File

@ -0,0 +1,86 @@
.widget-media{
.timeline{
.timeline-panel{
display: flex;
align-items: center;
border-bottom:1px solid $l-border;
padding-bottom: 15px;
margin-bottom: 15px;
.media{
width: 50px;
height: 50px;
background: #eee;
border-radius: $radius;
overflow: hidden;
font-size: 20px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
align-self: start;
&-primary{
background:$primary-light;
color:$primary;
@at-root [data-theme-version="dark"] & {
background-color: $primary-opacity;
}
}
&-info{
background:$info-light;
color:$info;
@at-root [data-theme-version="dark"] & {
background-color: $info-opacity;
}
}
&-warning{
background:$warning-light;
color:$warning;
@at-root [data-theme-version="dark"] & {
background-color: $warning-opacity;
}
}
&-danger{
background:$danger-light;
color:$danger;
@at-root [data-theme-version="dark"] & {
background-color: $danger-opacity;
}
}
&-success{
background:$success-light;
color:$success;
@at-root [data-theme-version="dark"] & {
background-color: $success-opacity;
}
}
}
.media-body{
p{
font-size: 14px;
line-height:1.5;
}
}
.dropdown {
align-self: self-end;
margin-top: 5px;
}
}
li:last-child {
.timeline-panel{
margin-bottom:0;
border-bottom:0;
padding-bottom:0;
}
}
}
}
.card[class*="bg-"]{
.timeline{
.timeline-panel{
border-color:rgba(255,255,255,0.2) !important;
}
}
}

6
public/style/scss/components/widget/_widget-messages.scss Normal file
View File

@ -0,0 +1,6 @@
.widget-message {
p{
font-size: 14px;
line-height: 1.5;
}
}

127
public/style/scss/components/widget/_widget-pickadate.scss Normal file
View File

@ -0,0 +1,127 @@
.picker{
.picker__frame {
min-width: 450px!important;
max-width: 450px!important;
.picker__box{
padding: 20px;
border: 0;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
.picker__header{
margin-top: 0;
.picker__year{
color: $primary;
font-style: inherit;
font-size: 20px;
}
.picker__nav--prev,
.picker__nav--next{
width: 40px;
height: 40px;
padding: 0;
line-height: 40px;
border-radius: 2px;
&:before{
content: none!important
}
&:after{
font-family: fontawesome;
border: 0;
margin: 0 auto;
font-size: 22px;
}
&:hover{
background-color: lighten($primary, 30)!important;
color: $primary!important;
}
}
.picker__nav--prev{
left: 0;
&:after{
content: "\f0d9";
}
}
.picker__nav--next{
right: 0;
&:after{
content: "\f0da";
}
}
}
.picker__table{
.picker__weekday {
padding: 10px 0;
font-size: 16px;
}
.picker__day {
width: 40px;
height: 40px;
border-radius: 50px;
padding: 0!important;
font-size: 16px;
line-height: 40px;
margin: auto;
border: 0!important;
&.picker__day--today{
&:before {
content: none !important;
}
}
&.picker__day--highlighted {
border: 0!important;
padding: 0;
background-color: lighten($primary, 30)!important;
color: $white!important;
}
&:hover{
background-color: lighten($primary, 30)!important;
color: $white !important;
}
}
}
.picker__footer{
.picker__button--today{
background-color: lighten($primary, 30)!important;
color: $white !important;
&:before{
content: none!important
}
}
.picker__button--clear,
.picker__button--close,
.picker__button--today{
border: 0;
border-radius: 2px;
font-size: 16px;
&:hover{
background-color: lighten($primary, 30)!important;
color: $white !important;
}
}
}
}
@include respond('phone') {
min-width: 100%!important;
max-width: 100%!important;
.picker__box{
padding: 15px;
margin: 0 10px;
}
}
}
}

76
public/style/scss/components/widget/_widget-social.scss Normal file
View File

@ -0,0 +1,76 @@
.social-icon{
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 4px;
text-align: center;
background: $body-bg;
margin-bottom: 0.5rem;
font-size: 20px;
i{
// font-size: 0.875rem;
color: $white
}
&.youtube{
background: $youtube;
}
&.facebook{
background: $facebook;
}
&.twitter{
background: $twitter;
}
}
.social-icon2{
a{
border: .1rem solid $primary;
display: block;
padding: 1rem;
margin-top: 1.5rem;
margin-bottom: .5rem;
border-radius: .3rem;
font-size: 1.6rem;
}
i{
font-size: 12px;
color: $primary;
}
}
.social-icon3{
ul{
li{
display: inline-block;
a{
display: block;
i{
font-size: 1.4rem;
padding: 1rem .7rem;
color: $l-ctd;
}
&:hover{
i{
color: $primary;
}
}
}
}
}
}
.social-icons-muted{
ul li a i{
color: $muted;
}
}
.social-links {
a {
padding: .5rem;
}
}

210
public/style/scss/components/widget/_widget-stat.scss Normal file
View File

@ -0,0 +1,210 @@
.widget-stat {
.media {
padding: 0px 0;
align-items: center;
&>span {
height: 85px;
width: 85px;
border-radius: 100%;
padding: 10px 12px;
font-size: 32px;
display: flex;
justify-content: center;
align-items: center;
color: $l-ctd;
@include respond('laptop') {
height: 70px;
width: 70px;
min-width:70px;
}
}
@include custommq($min: 576px) {}
.media-body {
p {
font-weight: 500;
font-size: 16px;
line-height: 1.5;
@include respond('laptop') {
font-size: 14px;
}
@at-root [data-theme-version="dark"] & {
color: #c4c9d5;
}
}
small,
.small {
font-size: 75%;
}
h3{
font-size: 30px;
font-weight: 600;
margin: 0;
line-height: 1.2;
}
h4 {
font-size: 24px;
display: inline-block;
vertical-align: middle;
}
span {
margin-left: 5px;
}
}
}
&[class*="bg-"] .media > span{
background-color:rgba(255,255,255,0.25);
color:$white;
}
&[class*="bg-"] .progress{
background-color:rgba(255,255,255,0.25) !important;
}
}
[direction="rtl"] {
.widget-stat .media .media-body span{
margin-left: 0;
margin-right: 10px;
}
}
.dez-widget-1{
.card {
background: #FFE7DB;
.card-body {
p {
color: #f87533;
}
}
}
.progress {
}
.icon{
float: right;
width: 50px;
height: 50px;
display: flex;
align-items:center;
justify-content:center;
border-radius: 6px;
font-size: 28px;
}
}
.bgl-primary{
background: $primary-light;
border-color: $primary-light;
@at-root [data-theme-version="dark"] & {
background-color: $primary-opacity;
border-color: $primary-opacity;
}
}
.bgl-secondary{
background: $secondary-light;
border-color: $secondary-light;
@at-root [data-theme-version="dark"] & {
background-color: $secondary-opacity;
border-color: $secondary-opacity;
}
}
.bgl-success{
background: $success-light;
border-color: $success-light;
@at-root [data-theme-version="dark"] & {
background-color: $success-opacity;
border-color: $success-opacity;
}
}
.bgl-warning{
background: $warning-light;
border-color: $warning-light;
@at-root [data-theme-version="dark"] & {
background-color: $warning-opacity;
border-color: $warning-opacity;
}
}
.bgl-danger{
background: $danger-light;
border-color: $danger-light;
@at-root [data-theme-version="dark"] & {
background-color: $danger-opacity;
border-color: $danger-opacity;
}
}
.bgl-info{
background: $info-light;
border-color: $info-light;
@at-root [data-theme-version="dark"] & {
background-color: $info-opacity;
border-color: $info-opacity;
}
}
.bg-primary-light{
background: rgba($primary-light, 0.5);
@at-root [data-theme-version="dark"] & {
background-color: rgba($primary, 0.05);
}
}
.bg-secondary-light{
background: rgba($secondary-light, 0.5);
@at-root [data-theme-version="dark"] & {
background-color: rgba($secondary, 0.05);
}
}
.bg-success-light{
background: rgba($success-light, 0.5);
@at-root [data-theme-version="dark"] & {
background-color: rgba($success, 0.05);
}
}
.bg-warning-light{
background: rgba($warning-light, 0.5);
@at-root [data-theme-version="dark"] & {
background-color: rgba($warning, 0.05);
}
}
.bg-danger-light{
background: rgba($danger-light, 0.5);
@at-root [data-theme-version="dark"] & {
background-color: rgba($danger, 0.05);
}
}
.bg-info-light{
background: rgba($info-light, 0.5);
@at-root [data-theme-version="dark"] & {
background-color: rgba($info, 0.05);
}
}
.bgl-dark{
background: $dark-light;
border-color: $dark-light;
}
.bgl-light{
background: $light;
border-color: $light;
}
.overlay-box{
position:relative;
z-index:1;
&:after{
content:"";
width:100%;
height:100%;
left:0;
top:0;;
position:absolute;
opacity:0.85;
background:$primary;
z-index: -1;
}
}
.rating-bar{
font-size: 13px;
}

130
public/style/scss/components/widget/_widget-todo-list.scss Normal file
View File

@ -0,0 +1,130 @@
.tdl-holder {
margin: 0 auto;
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
background-color: $white;
border-bottom: 1px solid $border;
// color: #252525;
list-style: none none;
margin: 0;
padding: 0;
span {
margin-left: 35px;
// color: $l-ctd;
font-size: 1rem;
// font-weight: 600;
vertical-align: middle;
transition: all 0.2s linear;
@at-root [direction="rtl"] #{&} {
margin-left: auto;
margin-right: 35px;
}
}
}
label {
cursor: pointer;
display: block;
line-height: 50px;
padding-left: 1.5rem;
position: relative;
margin: 0 !important;
@at-root [direction="rtl"] #{&} {
padding-left: 0;
padding-right: 1.5rem;
}
&:hover {
background-color: #eef1f6;
color: $dark;
a {
color: $danger;
}
}
a {
color: $white;
display: inline-block;
line-height: normal;
height: 100%;
text-align: center;
text-decoration: none;
width: 50px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all 0.2s linear;
padding: 18px 0px;
font-size: 18px;
position: absolute;
right: 0;
@at-root [direction="rtl"] #{&} {
right: auto;
left: 0;
}
}
}
input {
&[type=checkbox] {
cursor: pointer;
opacity: 0;
position: absolute;
+ i {
background-color: #fff;
border: 1px solid #e7e7e7;
display: block;
height: 20px;
position: absolute;
top: 15px;
width: 20px;
z-index: 1;
border-radius: 00px;
font-size: 11px;
border-radius: 4px;
}
&:checked {
+ i {
background: $primary;
border-color: transparent;
}
+ i::after {
content: "\f00c";
font-family: 'fontAwesome';
display: block;
left: 2px;
position: absolute;
top: -14px;
z-index: 2;
color: $white;
}
~ span {
text-decoration: line-through;
position: relative;
}
}
}
&[type=text] {
background-color: $white;
height: 50px;
margin-top: 29px;
border-radius: 3px;
&::placeholder {
color: $dark;
}
}
}
}

8
public/style/scss/components/widget/_widgets.scss Normal file
View File

@ -0,0 +1,8 @@
@import "./widget-chart";
@import "./widget-social";
@import "./widget-stat";
@import "./widget-todo-list";
@import "./widget-messages";
@import "./widget-pickadate";
@import "./widget-card-list";
@import "./widget-media";