Firs Commit

scss/components/_VButtons.scss

@@ -0,0 +1,27 @@
+//
+// global
+
+.v-btn-group .v-btn {
+  height: inherit !important;
+}
+.v-btn {
+  border-radius: $border-radius-root;
+  text-transform: capitalize !important;
+  font-size: 13px !important;
+}
+.v-btn-group {
+  border-color: rgb(var(--v-theme-borderColor)) !important;
+}
+
+.v-btn--size-large{
+  font-size: 14px;
+}
+
+.btn-white{
+  background-color: rgb(var(--v-theme-surface)) !important;
+  padding:10px 15px;
+  &:hover{
+      background-color: rgb(var(--v-theme-primary)) !important; 
+      color: #fff !important;
+  }
+}

scss/components/_VCard.scss

@@ -0,0 +1,60 @@
+// Outline Card
+.v-card--variant-outlined {
+    border-color: rgba(var(--v-theme-borderColor)) !important;
+    background-color:rgb(var(--v-theme-surface)); ;
+}
+
+.v-card--variant-elevated,
+.v-card--variant-flat {
+    color: rgb(var(--v-theme-textPrimary));
+}
+
+.card-hover {
+    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+
+    &:hover {
+        img {
+            transform: scale(1.09);
+            transition: transform .2s;
+        }
+    }
+}
+
+.v-card {
+    width: 100%;
+    overflow: visible;
+
+    .color-inherits {
+        color: inherit;
+    }
+
+    .v-card-item{
+        padding: 30px !important;
+    }
+
+    .feature-card {
+        .v-responsive__content {
+            height: 100%;
+        }
+    }
+
+    .v-card-title {
+        line-height: normal;
+        margin-bottom: 8px;
+    }
+    .v-card-subtitle{
+        color: rgb(var(--v-theme-textSecondary));
+    }
+    .v-card-text{
+        font-size: 14px;
+    }
+
+}
+
+// Theme cards
+.cardBordered {
+    .v-card {
+        box-shadow: none !important;
+        border: 1px solid rgb(var(--v-theme-borderColor));
+    }
+}

scss/components/_VField.scss

@@ -0,0 +1,38 @@
+.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
+.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
+    border-radius: $border-radius-root 0 0 $border-radius-root;
+}
+
+.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
+.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
+    border-radius: 0 $border-radius-root $border-radius-root 0;
+}
+
+.v-field {
+    font-size: 14px !important;
+    color:  rgba(var(--v-theme-textPrimary));
+}
+
+// select outlined
+.v-field--variant-outlined .v-field__outline__start,
+.v-field--variant-outlined .v-field__outline__notch::before,
+.v-field--variant-outlined .v-field__outline__notch::after,
+.v-field--variant-outlined .v-field__outline__end {
+    opacity: 1;
+}
+
+
+
+.v-text-field input {
+    font-size: 0.875rem;
+  }
+  .v-field__outline {
+    color: rgb(var(--v-theme-borderColor));
+    --v-field-border-opacity: 1 !important;
+  }
+  .input {
+    .v-field--variant-outlined {
+      background-color: rgba(0, 0, 0, 0.025);
+    }
+  }
+  

scss/components/_VInput.scss

@@ -0,0 +1,34 @@
+// variant
+.v-input--density-default,
+.v-field--variant-solo,
+.v-field--variant-filled {
+    --v-input-control-height: 51px;
+    --v-input-padding-top: 14px;
+}
+
+// comfortable
+.v-input--density-comfortable {
+    --v-input-control-height: 44px;
+}
+
+// compact
+.v-input--density-compact {
+    --v-input-padding-top: 10px;
+}
+.v-label {
+    font-size: 0.875rem;
+    opacity: 1;
+}
+.v-switch .v-label,
+.v-checkbox .v-label {
+    opacity: 1;
+}
+
+.v-text-field__suffix {
+    opacity: 1;
+    padding-left: 20px;
+}
+
+.shadow-none .v-field--variant-solo {
+    box-shadow: none !important;
+}

scss/components/_VNavigationDrawer.scss

@@ -0,0 +1,3 @@
+.v-navigation-drawer__scrim.fade-transition-leave-to {
+  display: none;
+}

scss/components/_VShadow.scss

@@ -0,0 +1,15 @@
+.elevation-9 {
+  box-shadow: rgb(0 0 0 / 5%) 0px 9px 17.5px !important;
+}
+
+.elevation-10 {
+  box-shadow: $box-shadow !important;
+}
+
+.primary-shadow {
+  box-shadow: rgba(var(--v-theme-primary), 0.30) 0px 12px 14px 0px;
+  &:hover {
+    box-shadow: none;
+  }
+}
+

scss/components/_VTable.scss

@@ -0,0 +1,78 @@
+.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>td,
+.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>th,
+.v-table .v-table__wrapper>table>thead>tr:last-child>th {
+    border-bottom: thin solid rgba(var(--v-theme-borderColor), 0.6) !important;
+}
+
+.v-table {
+    &.dark-table {
+        background-color: rgb(var(--v-theme-grey200));
+    }
+}
+
+.v-table {
+    .v-table__wrapper {
+        table {
+            tbody {
+                tr {
+
+                    td {
+                        padding: 14px 24px !important;
+
+                        &:first-child {
+                            padding-left: 0 ;
+                        }
+                    }
+                }
+            }
+
+            thead {
+                tr {
+                    th {
+                        padding: 14px 24px !important;
+
+                        &:first-child {
+                            padding-left: 0 ;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+}
+
+.v-table{
+    &.revenue-table{
+        .v-table__wrapper {
+            table {
+                tbody {
+                    tr {
+    
+                        td {
+                            padding: 14px 24px !important;
+    
+                            &:first-child {
+                                padding-left: 0 !important;
+                            }
+                        }
+                    }
+                }
+    
+                thead {
+                    tr {
+                        th {
+                            padding: 14px 24px !important;
+    
+                            &:first-child {
+                                padding-left: 0 !important;
+                            }
+                        }
+                    }
+                }
+            }
+    
+        }
+    }
+} 
+