first commit

scss/pages/_apps.scss

@@ -0,0 +1,256 @@
+//
+//Full Calendar
+
+.fc {
+    .fc-button-group {
+        >.fc-button {
+            display: flex;
+            align-items: center;
+            padding: 6px 22px;
+
+        }
+    }
+
+    .fc-daygrid-event {
+        border-radius: 4px 20px 20px 4px;
+        padding: 8px 10px;
+        font-weight: 500;
+        border-width: 0 0 0 4px;
+        border-style: solid;
+    }
+
+    .fc-button {
+        font-size: 1rem;
+        font-weight: 500;
+        text-transform: capitalize;
+
+        .fc-icon {
+            font-size: 1.5em;
+            vertical-align: unset;
+        }
+    }
+
+    .fc-button-primary {
+        background: rgba(var(--v-theme-grey100));
+        border-color: rgba(var(--v-theme-borderColor));
+        color: rgb(var(--v-theme-textSecondary));
+
+        &:focus {
+            box-shadow: none;
+        }
+
+        &:hover {
+            background-color: rgb(var(--v-theme-primary));
+            border-color: rgb(var(--v-theme-primary));
+        }
+
+        &:not(:disabled).fc-button-active {
+            background-color: rgb(var(--v-theme-primary));
+            border-color: rgb(var(--v-theme-primary));
+
+            &:focus {
+                box-shadow: none;
+            }
+        }
+
+        &:not(:disabled) {
+            &:active {
+                background-color: rgb(var(--v-theme-primary));
+                border-color: rgb(var(--v-theme-primary));
+
+                &:focus {
+                    box-shadow: none;
+                }
+            }
+        }
+
+        &:disabled {
+            background-color: rgb(var(--v-theme-primary));
+            border-color: rgb(var(--v-theme-primary));
+            opacity: 1;
+        }
+    }
+
+    .fc-col-header-cell-cushion {
+        display: inline-block;
+        padding: 10px 5px;
+        font-size: 14px;
+    }
+}
+
+.fc-theme-standard {
+    td {
+        border: 1px solid rgba(var(--v-border-color), 1) !important;
+    }
+
+    th {
+        border: 0 !important;
+        border-width: 0;
+        height: 56px;
+        background-color: rgba(var(--v-theme-grey100));
+        vertical-align: middle;
+    }
+
+    .fc-scrollgrid {
+        border: 0 !important;
+    }
+}
+
+.fc-h-event {
+    background-color: rgb(var(--v-theme-primary));
+    border: 1px solid rgb(var(--v-theme-primary));
+    display: block;
+}
+
+.fc-direction-ltr {
+    .fc-button-group {
+        >.fc-button {
+            &:not(:last-child) {
+                border-bottom-left-radius: $border-radius-root;
+                border-top-left-radius: $border-radius-root;
+            }
+
+            &:not(:first-child) {
+                border-bottom-right-radius: $border-radius-root;
+                border-top-right-radius: $border-radius-root;
+                margin-left: -1px;
+            }
+        }
+    }
+}
+
+.fc-button-group {
+    .fc-dayGridMonth-button {
+        border-bottom-right-radius: 0px !important;
+        border-top-right-radius: 0px !important;
+    }
+
+    .fc-timeGridDay-button {
+        border-bottom-left-radius: 0px !important;
+        border-top-left-radius: 0px !important;
+    }
+
+    .fc-timeGridWeek-button {
+        border-radius: 0 !important;
+    }
+}
+
+.fc-today-button {
+    border-radius: $border-radius-root !important;
+}
+
+@media screen and (max-width:600px) {
+    .fc {
+        .fc-toolbar {
+            display: block;
+            text-align: center;
+        }
+    }
+
+    .fc-toolbar-chunk {
+        .fc-toolbar-title {
+            margin: 15px 0;
+        }
+    }
+}
+
+// Ecommerce
+.product-page {
+    .left-part {
+        width: 270px;
+    }
+}
+
+.product-details {
+    .v-btn-group {
+        height: 35px;
+    }
+}
+
+.shop-sidebar {
+    .v-checkbox .v-selection-control {
+        min-height: 35px;
+    }
+}
+
+#thumbnails {
+    margin-top: 10px;
+
+    .carousel__slide {
+        border: 2px solid transparent;
+        line-height: 0px;
+        border-radius: $border-radius-root + 4px !important;
+        overflow: hidden;
+    }
+
+    .carousel__slide--active {
+        border: 2px solid rgb(var(--v-theme-primary));
+    }
+
+    .carousel__track {
+        display: flex;
+        gap: 14px
+    }
+}
+
+//Chat
+.chatlist {
+    .v-list-item__prepend>.v-avatar~.v-list-item__spacer {
+        width: 0;
+    }
+
+    .v-list-item__append {
+        z-index: 1;
+    }
+}
+
+.attachment {
+    .download {
+        opacity: 0;
+    }
+
+    &:hover {
+        .download {
+            opacity: 1;
+        }
+    }
+}
+
+
+.customTab {
+    .v-btn {
+        &.v-tab-item--selected {
+            background-color: rgb(var(--v-theme-lightprimary)) !important;
+
+            .icon {
+                background-color: rgb(var(--v-theme-primary)) !important;
+                color: #fff !important;
+            }
+        }
+    }
+}
+
+.email-items {
+    padding: 0px 24px 12px;
+
+    &.selected-email {
+        .email-title {
+            color: rgb(var(--v-theme-primary)) !important;
+        }
+    }
+
+    &:hover {
+        background-color: rgb(var(--v-theme-light));
+
+        .email-title {
+            color: rgb(var(--v-theme-primary)) !important;
+        }
+
+    }
+}
+
+.email-content {
+    p {
+        margin: 10px 0;
+    }
+}

scss/pages/_auth.scss

@@ -0,0 +1,114 @@
+.auth{
+    z-index: 2;
+}
+.auth-card{
+    width: 100%;
+    max-width: 460px;
+}
+
+.min-vh-100{
+    min-height: 100vh !important;
+}
+
+.auth-divider{
+    span{
+        z-index: 1;
+    }
+    &::before{
+        position: absolute;
+        width: 100%;
+        border-top: thin solid rgb(229, 234, 239);
+        top: 50%;
+        content: "";
+        transform: translateY(50%);
+        left: 0;
+    }
+    &::after
+    {
+        position: absolute;
+        width: 100%;
+        border-top: thin solid rgb(var(--v-theme-borderColor));
+        top: 50%;
+        content: "";
+        transform: translateY(50%);
+        right: 0;
+    }   
+}
+
+
+.circle-top {
+    position: absolute;
+    top: -33%;
+    left: -14%;
+    border: 120px solid #0b2947;
+    height: 700px;
+    width: 700px;
+    display: block;
+    background: 0 0;
+    border-radius: 100%;
+    z-index: 1;
+}
+.circle-bottom {
+    img{
+    position: absolute;
+    bottom: 0;
+    right: 1%;
+    height: 450px;
+    width: 450px;
+    display: block;
+    background: 0 0;
+    z-index: 1;
+    opacity: .5;
+    }
+    
+}
+
+.auth-login {
+    max-width: 1160px !important;
+}
+.auth-bg {
+    background: url(@/assets/images/backgrounds/login-bg.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    height: 100%;
+    .v-carousel__controls{
+        height: auto;
+        .v-btn{
+            margin: 0 0 !important;
+             
+            &.v-btn--active{
+                .v-btn__content{
+                    color:rgb(var(--v-theme-primary)) !important;
+                    .v-icon{
+                        opacity: 1 !important ;
+                    }
+                }
+            }
+            .v-btn__content{
+                    .v-icon{
+                        opacity: 1 !important ;
+                    }
+            }
+        }
+        
+    }
+}
+
+
+
+.h-n80 {
+    height: calc(100vh - 80px);
+}
+
+@media screen and (max-width:1280px){
+    .mh-100{
+        height: 100% !important;
+    } 
+}
+
+@media screen and (max-width:600px){
+    .mw-100{
+        width: 100%;
+        padding: 0 15px;
+    } 
+}

scss/pages/_dashboards.scss

@@ -0,0 +1,141 @@
+// Dashboard 1
+.welcome-img{
+    max-height: 200px;
+    height: 200px;
+}
+
+.labels-chart .label-1 {
+    position: absolute;
+    width: 25px;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    top: -3px
+}
+
+.labels-chart .label-2 {
+    position: absolute;
+    right: 0;
+    top: 50%
+}
+
+.labels-chart .label-3 {
+    position: absolute;
+    width: 40px;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    bottom: 0;
+    text-align: center
+}
+
+.labels-chart .label-4 {
+    position: absolute;
+    top: 50%
+}
+
+// Revenue Products
+.revenue-products {
+    .v-slide-group__content {
+        gap: 16px;
+    }
+
+    .v-btn {
+        background-color: rgba(var(--v-theme-grey100));
+        padding: 12px 24px;
+    }
+
+    .v-tab--selected {
+        background-color: rgba(var(--v-theme-primary));
+
+        .v-btn__content {
+            color: #fff;
+
+            .v-tab__slider {
+                display: none;
+            }
+        }
+    }
+}
+
+// Dashboard 2
+.bg-primary-gt {
+    background: linear-gradient(261.23deg, rgba(var(--v-theme-primary)) .42%, #5a52ff 100%) !important;
+
+    img {
+        bottom: 0;
+        right: 0;
+        z-index: -1;
+    }
+}
+
+.profit-card {
+    .badge-custom-dark {
+        background-color: rgba(41, 52, 61, .2) !important;
+        padding: 5px 12px;
+        width: fit-content;
+    }
+}
+
+.rounded-bars {
+    .apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path {
+        clip-path: inset(0 0 5% 0 round 20px);
+    }
+}
+
+.rounded-pill-bars .apexcharts-rangebar-area {
+    clip-path: inset(9% 0% 11% round 24px);
+}
+
+// Annual Profit
+.annual-list {
+    .list {
+        &:last-child {
+            border-bottom: 0 !important;
+            padding-bottom: 0 !important;
+        }
+    }
+}
+
+.daily-activities {
+    .line {
+        width: 1px;
+        height: 50px;
+        margin-top: -6px;
+    }
+}
+
+//Dashboard 3
+.primary-gradient {
+    background: linear-gradient(180deg,rgba(var(--v-theme-primary),.12) 0,rgba(var(--v-theme-primary),.03) 100%)
+}
+
+.warning-gradient {
+    background: linear-gradient(180deg,rgba(var(--v-theme-warning),.12) 0,rgba(var(--v-theme-warning),.03) 100%)
+}
+
+.secondary-gradient {
+    background: linear-gradient(180deg,rgba(var(--v-theme-secondary),.12) 0,rgba(var(--v-theme-secondary),.03) 100%)
+}
+
+.error-gradient {
+    background: linear-gradient(180deg,rgba(var(--v-theme-error),.12) 0,rgba(var(--v-theme-error),.03) 100%)
+}
+
+.success-gradient {
+    background: linear-gradient(180deg,rgba(var(--v-theme-success),.12) 0,rgba(var(--v-theme-success),.03) 100%)
+}
+
+
+.icon-grid-width{
+    width: 20% !important;
+    @media screen and (max-width:1190px) {
+        width: 33% !important;
+    }
+}   
+
+@media screen and (max-width:1368px){
+    .welcome-img {
+        max-height: 150px;
+    }
+}

scss/pages/_editor.scss

@@ -0,0 +1,61 @@
+.ProseMirror {
+    padding: 20px;
+    border: 1px solid rgb(var(--v-theme-inputBorder));
+    border-radius: 0 0 12px 12px;
+    &.ProseMirror-focused {
+        outline-color: rgb(var(--v-theme-primary), 0.3) !important;
+    }
+    > * + * {
+        margin-top: 0.75em;
+    }
+
+    ul,
+    ol {
+        padding: 0 1rem;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        line-height: 1.1;
+    }
+
+    code {
+        background-color: rgba(#616161, 0.1);
+        color: #616161;
+    }
+
+    pre {
+        background: #0d0d0d;
+        color: #fff;
+        font-family: 'JetBrainsMono', monospace;
+        padding: 0.75rem 1rem;
+        border-radius: 0.5rem;
+
+        code {
+            color: inherit;
+            padding: 0;
+            background: none;
+            font-size: 0.8rem;
+        }
+    }
+
+    img {
+        max-width: 100%;
+        height: auto;
+    }
+
+    blockquote {
+        padding-left: 1rem;
+        border-left: 2px solid rgba(#0d0d0d, 0.1);
+    }
+
+    hr {
+        border: none;
+        border-top: 2px solid rgba(#0d0d0d, 0.1);
+        margin: 2rem 0;
+    }
+}