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

0
public/style/scss/components/app/_app-calender-date.scss Normal file
View File

295
public/style/scss/components/app/_app-calender-event.scss Normal file
View File

@ -0,0 +1,295 @@
/* =============
Calendar
============= */
.app-fullcalender {
button {
border-radius: 0px;
color: $dark;
}
td{
border-color: $border;
}
}
.calendar {
float : left;
margin-bottom: 0;
}
.fc-view {
margin-top: 1.875rem;
}
.fc-toolbar {
margin-bottom: 0.3125rem;
margin-top : 0.9375rem;
& .fc-left {
@include media-breakpoint-down(xs) {
display: flex;
justify-content: space-between;
margin-bottom: 0.625rem;
float: none;
}
}
& .fc-right {
@include media-breakpoint-down(xs) {
display: flex;
justify-content: center;
float: none;
margin-bottom: 0.3125rem;
}
}
& .fc-center {
@include media-breakpoint-down(xs) {
display: flex;
justify-content: center;
* {
float: none;
}
}
}
}
.fc-toolbar h2 {
font-size : 1rem;
font-weight : 600;
line-height : 1.875rem;
text-transform: uppercase;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:focus,
.fc-toolbar button:hover {
z-index: 0;
box-shadow: none;
}
.fc-widget-header {
border: 1px solid $border;
border-bottom: 0 !important;
}
// .fc-widget-content {
// border: 1px solid #E5E5E5 !important;
// }
.fc th.fc-widget-header {
background : $border!important;
font-size : 0.875rem;
line-height : 1.25rem;
padding : 0.625rem 0;
text-transform: uppercase;
}
.fc-button {
border : 1px solid $border;
text-transform: capitalize;
&.active{
box-shadow: none!important;
}
}
.fc-text-arrow {
font-family: inherit;
font-size : 1rem;
}
.fc-event {
border-radius: 0.125rem;
border : none;
cursor : move;
font-size : 0.8125rem;
margin : 0.3125rem 0.4375rem;
padding : 0.3125rem;
text-align : center;
}
.external-event {
cursor : move;
margin : 0.625rem 0;
padding: 0.125rem 0;
}
.fc-basic-view td.fc-week-number span {
padding-right: 0.3125rem;
}
.fc-basic-view td.fc-day-number {
padding-right: 0.3125rem;
}
#drop-remove {
margin-right: 8px;
top : 0.1875rem;
}
#add-category,
#event-modal {
.modal-dialog {
max-width: 37.5rem;
}
}
.fc-content {
color: $white;
}
// .fc-widget-content {
// border: 1px solid $l-border!important;
// }
.fc th.fc-widget-header {
// background: $l-border!important;
background: transparent !important;
}
.fc-button {
background: $white;
// color: $l-ctl;
}
.fc-state-hover {
background: $white!important;
}
.fc-state-highlight {
background: $l-bg!important;
@at-root [data-theme-version="dark"] & {
color: $white!important;
}
}
.fc-cell-overlay {
background: $white!important;
}
.fc-unthemed .fc-today {
background: $l-bg!important;
}
.fc-day-top{
color: $dark !important;
@at-root [data-theme-version="dark"] & {
color: $white!important;
}
}
.external-event {
color: $white;
@at-root [data-theme-version="dark"] & {
color: $white!important;
}
}
.fc-basic-view .fc-body .fc-row {
min-height: 1rem;
}
.fc-scroller.fc-day-grid-container {
height: 490px !important;
}
.fc-row.fc-week.fc-widget-content.fc-rigid {
height: 81px !important;
}
.email_left_pane {
@include custommq($max: 1440px) {
display: none;
}
}
#external-events{
.external-event:before{
content: "";
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin-right: .9rem;
position: relative;
top: 2px;
}
[data-class="bg-primary"]{
background-color: transparent !important;
color: $dark;
@at-root [data-theme-version="dark"] & {
color: $white!important;
}
&::before{
background: $primary;
}
}
[data-class="bg-success"]{
background-color: transparent !important;
color: $dark;
&::before{
background: $success;
}
}
[data-class="bg-warning"]{
background-color: transparent !important;
color: $dark;
&::before{
background: $warning;
}
}
[data-class="bg-dark"]{
background-color: transparent !important;
color: $dark;
&::before{
background: $dark;
}
}
[data-class="bg-danger"]{
background-color: transparent !important;
color: $dark;
&::before{
background: $danger;
}
}
[data-class="bg-info"]{
background-color: transparent !important;
color: $dark;
&::before{
background: $info;
}
}
[data-class="bg-pink"]{
background-color: transparent !important;
color: $dark;
&::before{
background: $pink;
}
}
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
border-color: $border;
@at-root [data-theme-version="dark"] & {
border-color: $d-border;
}
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
@at-root [data-theme-version="dark"] & {
border-color: $d-border;
}
}

6
public/style/scss/components/app/_apps.scss Normal file
View File

@ -0,0 +1,6 @@
@import "./app-calender-date";
@import "./app-calender-event";
@import "./email";
// @import "./invoice";
@import "./profile";
@import "./chat";

234
public/style/scss/components/app/_chat.scss Normal file
View File

@ -0,0 +1,234 @@
.event-chat-ryt{
.chat-area{
.chat-reciver,
.chat-sender {
margin-bottom: 1.875rem;
padding: 0;
img{
border-radius: 30px;
}
}
.media {
position: relative;
&-body {
p {
margin: 0;
max-width: 100%;
display: inline-block;
position: relative;
@include media-breakpoint-up(sm) {
// max-width: 60%;
}
span {
padding: 1rem;
display: inline-block;
top: 103%;
position: relative;
border: 1px solid $border;
}
}
}
}
}
.chat-reciver{
padding: .5rem 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
.media {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
.media-body {
margin-right: 2rem;
text-align: right;
@at-root [direction="rtl"] & {
text-align: left;
margin-left: 2rem;
margin-right: auto;
}
p {
background: $white;
margin-bottom: 0;
border-radius: 5px 5px 0 5px;
span {
text-align: left;
border: 1px solid $border;
&::after{
content: "";
width: 20px;
height: 20px;
border-bottom: 1px solid $border;
border-right: 1px solid $border;
position: absolute;
right: 0;
bottom: 0;
background: $white;
-webkit-transform: rotate(-45deg) translateX(15px);
transform: rotate(-45deg) translateX(15px);
@at-root [direction="rtl"] & {
left: 0;
right: auto;
-webkit-transform: rotate(135deg) translateY(15px);
transform: rotate(135deg) translateY(15px);
}
}
}
.time {
position: absolute;
font-size: 12px;
color: $body-color;
font-weight: 400;
bottom: 0;
left: -80px;
@at-root [direction="rtl"] & {
right: -5rem;
left: auto;
}
}
}
}
}
}
.chat-sender{
text-align: left;
padding: .5rem 1rem;
.media {
.media-body {
margin-left: 2rem;
@at-root [direction="rtl"] & {
text-align: right;
margin-right: 2rem;
margin-left: auto;
}
p {
background-color: $white;
margin-bottom: 0;
span {
&::after {
content: "";
width: 20px;
height: 20px;
border-bottom: 1px solid $border;
border-left: 1px solid $border;
position: absolute;
left: 0;
bottom: 0;
background: $white;
-webkit-transform: rotate(45deg) translateX(-15px);
transform: rotate(45deg) translateX(-15px);
@at-root [direction="rtl"] & {
left: auto;
right: 0;
-webkit-transform: rotate(-135deg) translateY(15px);
transform: rotate(-135deg) translateY(15px);
}
}
}
.time {
position: absolute;
font-size: 10px;
color: $body-color;
font-weight: 400;
bottom: 0;
right: -5rem;
@at-root [direction="rtl"] & {
left: -5rem;
right: auto;
}
}
}
}
}
}
}
.char-type{
padding-top: 30px;
padding-bottom: 30px;
form{
.form-control{
height: 45px;
// border-radius: 30px;
padding-left: 18px;
background: $body-bg;
border-right: 0;
}
.input-group{
&-append{
i{
color: $gray;
font-size: 18px;
}
.input-group-text{
padding-left: .7rem;
padding-right: .7rem;
background: $body-bg;
border-color: $border;
border-left: 0;
&:last-child{
// border-top-right-radius: 30px;
// border-bottom-right-radius: 30px;
padding-right: 1.8rem;
}
}
}
}
}
}
.media-avatar{
padding: 25px 0;
border-bottom: 1px solid $border;
&:last-child{
border-bottom: 0px;
}
p{
margin-bottom: 0;
}
.avatar-status{
position: relative;
i{
position: absolute;
right: 0;
bottom: 0;
}
}
}

533
public/style/scss/components/app/_email.scss Normal file
View File

@ -0,0 +1,533 @@
.email-left-box {
width: 15rem;
float: left;
padding: 0 1.25rem 1.25rem 1rem;
// border: 1px solid rgba(0, 0, 0, 0.125);
border-top: 0;
border-left: 0;
@include media-breakpoint-between(sm, md) {
width: 100%;
padding-bottom: 0px !important;
}
@include media-breakpoint-down(xs) {
width: 100%;
float: none;
border: none;
padding-bottom: 30px !important;
}
// &.generic-width{
// @media screen and (min-width: 649px) and (max-width: 1700px){
// width: 15rem;
// }
// }
.intro-title{
background: rgba($primary, .1);
padding: 1rem;
margin: 1.875rem 0 1.25rem 0;
h5{
margin-bottom: 0;
color: #6a707e;
font-size: 14px;
i{
font-size: 0.75rem;
position: relative;
bottom: 1px;
}
}
i{
// font-size: 1.0625rem;
color: $primary;
}
}
}
.email-right-box {
// padding-top: 1.875rem;
padding-left: 15rem;
padding-right: 1rem;
@include media-breakpoint-between(sm, md) {
padding-left: 0;
margin-left: 0!important;
clear:both;
}
@include media-breakpoint-down(xs) {
padding-left: 0;
padding-right: 0;
}
// &.generic-position{
// padding-left: 15rem;
// @media(min-width: 1700px){
// padding-left: 18.75rem;
// }
// }
.right-box-border{
border-right: 2px solid rgba($primary, .1);
}
.right-box-padding{
@media screen and (min-width: 649px) and (max-width: 1200px){
padding-left: 1.25rem;
}
@media(min-width: 1700px){
padding-left: 0.9375rem;
}
@include media-breakpoint-between(sm, md) {
padding-left: 0;
}
}
}
.toolbar {
.btn-group {
.btn {
// background: $dark;
border: 0;
// color: $white;
// i {
// color: $white!important;
// }
}
input{
position: relative;
top: 2px;
}
}
}
.read-content {
textarea {
height:150px;
padding: 15px 20px;
}
&-email{
font-size: 0.875rem;
}
h5{
color: #6a707e;
}
p{
strong{
color: #6a707e;
}
}
&-body{
p{
margin-bottom: 1.875rem;
}
}
&-attachment{
padding: 0.5rem 0;
h6{
font-size: 1.125rem;
color: #6a707e;
i{
padding-right: 0.3125rem;
}
}
.attachment{
& > div:not(:last-child){
border-right: 1px solid #DDDFE1;
}
}
}
}
.compose-content {
.wysihtml5-toolbar {
border-color: $l-border;
}
// .textarea_editor {
// background: $l-bg!important;
// }
.dropzone {
background: $l-bg!important;
}
h5{
font-size: 1.0625rem;
color: #6a707e;
i{
font-size: 1.125rem;
transform: rotate(90deg);
}
}
.dropzone{
border: 1px dashed #DDDFE1;
min-height: 13.125rem;
position: relative;
.dz-message{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
.email-list {
display: block;
padding-left: 0;
.message {
position: relative;
display: block;
height: 3.125rem;
line-height: 3.125rem;
cursor: default;
transition-duration: 0.3s;
a {
color: $l-ctl;
}
&-single{
.custom-checkbox{
margin-top: 2px;
}
i{
color: $muted;
font-size: 1.125rem;
padding-left: .4rem;
}
}
&:hover {
transition-duration: 0.05s;
background: rgba(152, 166, 173, 0.15);
}
.col-mail {
float: left;
position: relative;
}
.col-mail-1 {
width: 5.625rem;
.star-toggle {
display: block;
float: left;
margin-top: 1.125rem;
font-size: 1rem;
margin-left: 0.3125rem;
}
.email-checkbox {
display: block;
float: left;
margin: 0.9375rem 0.625rem 0 1.25rem;
}
.dot {
display: block;
float: left;
border: .4rem solid transparent;
border-radius: 6.25rem;
margin: 1.375rem 1.625rem 0;
height: 0;
width: 0;
line-height: 0;
font-size: 0;
}
}
.col-mail-2 {
position: absolute;
top: 0;
left: 5.625rem;
right: 0;
bottom: 0;
.subject {
position: absolute;
top: 0;
left: 0;
right: 5.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.date {
position: absolute;
top: 0;
right: 0;
// width: 4rem;
// padding-left: 5rem;
}
}
}
}
.email-checkbox {
cursor: pointer;
height: 0.9375rem;
width: 0.9375rem;
position: relative;
display: inline-block;
border-radius: .1rem;
position: relative;
top: 0.3125rem;
box-shadow: inset 0 0 0 .1rem $l-ctl;
input {
opacity: 0;
cursor: pointer;
&:checked {
label {
opacity: 1;
}
}
}
label {
position: absolute;
top: .3rem;
left: .3rem;
right: .3rem;
bottom: .3rem;
cursor: pointer;
opacity: 0;
margin-bottom: 0 !important;
transition-duration: 0.05s;
}
}
.mail-list {
a {
vertical-align: middle;
padding: 0.625rem 0.9375rem;
display: block;
background: transparent;
color: $l-ctd;
// font-size: 1.0625rem;
font-weight: 600;
}
.list-group-item{
color: #6a707e;
padding: 0.75rem 1.0625rem;
i{
font-size: 1rem;
padding-right: 0.625rem;
color: #cccccc;
}
&.active{
color: $white;
i{
color: $white;
}
}
}
}
.chat-wrap{
padding: 1.0625rem 1.875rem;
.media{
.media-body{
h6{
font-size: 1.0625rem;
color: #6a707e;
}
p{
font-size: 0.875rem;
}
}
}
}
.email-filter{
@media (min-width: 648px){
padding-left: 1.25rem;
}
@media(min-width: 1700px){
padding-left: 1.875rem;
}
.input-group{
&-prepend{
i{
font-size: 0.875rem;
color: $muted;
}
.input-group-text{
border: 0;
border-bottom: 1px solid #DDDFE1 !important;
background: transparent;
}
}
.form-control{
padding: 0 0 0 0.3125rem;
border: 0;
font-size: 0.875rem;
height: 1.875rem;
color: $muted;
border-bottom: 1px solid #DDDFE1;
&::placeholder{
font-size: 0.875rem;
color: $muted;
}
}
& > .form-control{
min-height: 1.875rem;
}
}
}
.single-mail{
display: block;
padding: 1.5625rem 0;
.media{
padding-left: 1.25rem;
padding-right: 1.25rem;
@media(min-width: 1700px){
padding-left: 1.875rem;
padding-right: 1.875rem;
}
img{
width: 55px;
height: 55px;
border-radius: 50%;
margin-right: 0.9375rem;
@media(min-width: 1700px){
margin-right: 1.875rem;
}
}
&-body{
h6{
color: #abafb3;
}
h4{
font-size: 1rem;
color: #6a707e;
button{
i{
font-size: 1.125rem;
color: #abafb3;
font-weight: bold;
transform: rotate(90deg);
}
}
}
p{
font-size: 0.875rem;
color: #abafb3;
}
}
}
&.active{
background: $primary;
h6,h4,p,i{
color: $white !important;
}
}
}
[direction="rtl"]{
.email-right-box {
padding-left: 1rem;
padding-right: 15rem;
@include respond('tab-port') {
padding-left: 1rem;
padding-right: 12rem;
}
@include respond('phone') {
padding-left: 0;
padding-right: 0;
}
}
.email-left-box{
float:right;
}
.email-list .message .col-mail-2{
right: 5.625rem;
left: 0;
float: right;
.date{
right:auto;
left:0;
}
.subject{
right: 0;
left: 5.5rem;
}
}
}

0
public/style/scss/components/app/_invoice.scss Normal file
View File

185
public/style/scss/components/app/_profile.scss Normal file
View File

@ -0,0 +1,185 @@
.photo-content{
position: relative;
.cover-photo{
background: url(../images/profile/cover.jpg);
background-size: cover;
background-position: center;
min-height: 250px;
width: 100%;
}
}
.profile .profile-photo {
max-width: 100px;
position: relative;
z-index: 1;
margin-top: -40px;
margin-right: 10px;
@include respond('tab-land') {
}
@include respond('phone') {
width: 80px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
}
}
[direction="rtl"]{
.profile .photo-content .profile-photo {
left: auto;
right: 50px;
}
.profile .profile-photo {
left:auto;
right: 30px;
@include respond('tab-land') {
right: 15px;
}
@include respond('phone') {
width: 80px;
right: calc(50% - 40px);
top: -100px;
}
}
}
.profile-info{
padding: 15px 20px;
// margin-bottom: 30px;
@include respond('phone') {
padding: 0 0 20px;
text-align:center;
}
h4 {
color: $l-ctd!important;
}
h4.text-primary {
color: $primary!important;
}
p {
color: $l-ctl;
}
.prf-col{
min-width: 250px;
padding: 10px 50px 0;
}
}
.profile-interest{
.row{
margin: 0 -.70px;
.int-col{
padding: 0 .70px;
.interest-cat{
margin-bottom: 1.40px;
position: relative;
display: block;
&:after{
background: $black;
bottom: 0;
content: "";
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
img{
// margin-bottom: 1.20px;
}
p{
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 5px;
left: 0;
margin: 0;
z-index: 1;
color:white;
font-size: 1.20px;
}
}
}
}
}
.profile-tab{
.nav-item{
.nav-link{
font-size: 16px;
margin-right: 30px;
transition: all 0.5s ease-in-out;
border: none;
border-bottom: .20px solid transparent;
color: $l-ctl;
&:hover, &.active{
border: 0;
background: transparent;
background: transparent;
border-bottom: .20px solid $primary;
color: $primary;
}
@include respond ('phone'){
margin-right: 0px;
}
}
}
}
.profile-info{
display:flex;
@include respond('phone') {
display:block;
}
.profile-details {
display: flex;
width: 100%;
@include respond('phone') {
display:block;
.dropdown{
position: absolute;
top: 30px;
right: 30px;
}
}
}
}
.post-input{
margin-bottom: 30px;
.form-control{
height: 75px;
font-weight: 400;
margin: 15px 0;
}
}
.profile-uoloaded-post{
.post-title{
h3{
font-size: 24px;
@include respond ('phone'){
font-size:18px;
}
}
}
img{
margin-bottom: 20px;
}
a{
h4{
margin-bottom: 10px;
color: $l-ctd;
}
}
}