Compare commits

..

3 Commits

Author SHA1 Message Date
burkkyy f83d4d579c scss formatting 2026-06-26 01:25:07 -07:00
burkkyy 033c962ebe draggable that works 2026-06-26 01:23:26 -07:00
burkkyy 69d4f7c3f0 Visual changes 2026-06-25 19:25:13 -07:00
11 changed files with 935 additions and 960 deletions
+4
View File
@@ -58,6 +58,10 @@ export class UsersPolicy extends PolicyFactory(User) {
"displayName",
]
if (this.user.isSystemAdmin) {
attributes.push("roles")
}
return attributes
}
+17 -16
View File
@@ -26,10 +26,10 @@
"qs": "^6.14.0",
"validator": "^13.15.26",
"vue": "^3.4.21",
"vue-draggable-next": "^2.3.0",
"vue-i18n": "^11.3.0",
"vue-router": "^4.6.4",
"vue-scrollto": "^2.20.0",
"vuedraggable": "^4.1.0",
"vuetify": "^3.11.4"
},
"devDependencies": {
@@ -5171,11 +5171,10 @@
"license": "ISC"
},
"node_modules/sortablejs": {
"version": "1.15.7",
"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.7.tgz",
"integrity": "sha512-Kk8wLQPlS+yi1ZEf48a4+fzHa4yxjC30M/Sr2AnQu+f/MPwvvX9XjZ6OWejiz8crBsLwSq8GHqaxaET7u6ux0A==",
"license": "MIT",
"peer": true
"version": "1.14.0",
"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",
"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==",
"license": "MIT"
},
"node_modules/source-map-js": {
"version": "1.2.1",
@@ -5739,16 +5738,6 @@
}
}
},
"node_modules/vue-draggable-next": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/vue-draggable-next/-/vue-draggable-next-2.3.0.tgz",
"integrity": "sha512-ymbY0UIwfSdg0iDN/iyNNwUrTqZ/6KbPryzsvTNXBLuDCuOBdNijSK8yynNtmiSj6RapTPQfjLGQdJrZkzBd2w==",
"license": "MIT",
"peerDependencies": {
"sortablejs": "^1.14.0",
"vue": "^3.5.17"
}
},
"node_modules/vue-eslint-parser": {
"version": "9.4.3",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
@@ -5836,6 +5825,18 @@
"typescript": ">=5.0.0"
}
},
"node_modules/vuedraggable": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
"integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
"license": "MIT",
"dependencies": {
"sortablejs": "1.14.0"
},
"peerDependencies": {
"vue": "^3.0.1"
}
},
"node_modules/vuetify": {
"version": "3.12.8",
"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.12.8.tgz",
+1 -1
View File
@@ -30,10 +30,10 @@
"qs": "^6.14.0",
"validator": "^13.15.26",
"vue": "^3.4.21",
"vue-draggable-next": "^2.3.0",
"vue-i18n": "^11.3.0",
"vue-router": "^4.6.4",
"vue-scrollto": "^2.20.0",
"vuedraggable": "^4.1.0",
"vuetify": "^3.11.4"
},
"devDependencies": {
-1
View File
@@ -13,7 +13,6 @@
<div
v-else
class="d-flex"
style="width: 200px"
>
<h1
class="mt-1 ml-3"
+95 -107
View File
@@ -1,204 +1,192 @@
@use "./variables" as *;
html {
.bg-success {
color: $white !important;
}
.bg-success {
color: $white !important;
}
.bg-primary {
color: $white !important;
}
.bg-primary {
color: $white !important;
}
.bg-secondary {
color: $white !important;
}
.bg-secondary {
color: $white !important;
}
.bg-warning {
color: $white !important;
}
.bg-warning {
color: $white !important;
}
.bg-secondary-gradient {
background: linear-gradient(287deg, rgb(var(--v-theme-primary)) .54%, #1bcaff 100.84%);
}
.bg-secondary-gradient {
background: linear-gradient(287deg, rgb(var(--v-theme-primary)) 0.54%, #1bcaff 100.84%);
}
}
.border,
.v-divider {
border-color: rgba(var(--v-border-color)) !important;
border-color: rgba(var(--v-border-color)) !important;
}
.avtar-border {
border: 2px solid rgb(var(--v-theme-surface)) !important;
border: 2px solid rgb(var(--v-theme-surface)) !important;
}
.subtext {
font-size: $font-size-root;
line-height: 1.75rem;
font-size: $font-size-root;
line-height: 1.75rem;
}
.v-dialog {
&.dialog-mw {
max-width: 800px;
}
&.dialog-mw {
max-width: 800px;
}
}
.round-40 {
height: 40px;
width: 40px;
height: 40px;
width: 40px;
}
.round-56 {
height: 56px;
width: 56px;
height: 56px;
width: 56px;
}
.round-48 {
height: 48px;
width: 48px;
height: 48px;
width: 48px;
}
.round-30 {
height: 30px;
width: 30px;
height: 30px;
width: 30px;
}
.lh-0 {
line-height: 0 !important;
line-height: 0 !important;
}
.lh-28 {
line-height: 28px !important;
line-height: 28px !important;
}
.lh-32 {
line-height: 32px !important;
line-height: 32px !important;
}
.space-p-96 {
padding: 96px 0 !important;
padding: 96px 0 !important;
}
.ps-96 {
padding-inline-start: 96px !important;
padding-inline-start: 96px !important;
}
.pt-96 {
padding-top: 96px !important;
padding-top: 96px !important;
}
.end-0 {
inset-inline-end: 0;
inset-inline-end: 0;
}
.top-0 {
top: 0;
top: 0;
}
.no-scrollbar {
height: calc(100vh - 350px);
height: calc(100vh - 350px);
}
.msg-chat-height {
height: calc(-500px + 100vh);
height: calc(-500px + 100vh);
}
@media screen and (max-width:991px) {
.overflow-x-reposive {
overflow-x: scroll;
overflow-y: hidden;
}
@media screen and (max-width: 991px) {
.overflow-x-reposive {
overflow-x: scroll;
overflow-y: hidden;
}
.border-m-none {
border: 0 !important
}
.border-m-none {
border: 0 !important;
}
}
@media screen and (max-height:767px) {
.msg-chat-height {
height: calc(-315px + 100vh);
}
@media screen and (max-height: 767px) {
.msg-chat-height {
height: calc(-315px + 100vh);
}
}
.max-h-600 {
max-height: 600px;
height: calc(100vh - 100px);
max-height: 600px;
height: calc(100vh - 100px);
}
.custom-hover-primary {
.iconify {
color: rgb(255, 255, 255) !important;
@media screen and (max-width: 991px) {
color: rgba(var(--v-theme-textPrimary), 0.8) !important;
}
}
&:hover {
background-color: rgba(var(--v-theme-lightprimary), 0.1);
.iconify {
color: rgb(255, 255, 255) !important;
@media screen and (max-width:991px) {
color: rgba(var(--v-theme-textPrimary), 0.8) !important
}
}
&:hover {
background-color: rgba(var(--v-theme-lightprimary), 0.1);
.iconify {
@media screen and (max-width:991px) {
color: rgb(var(--v-theme-primary)) !important
}
}
@media screen and (max-width: 991px) {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
}
.custom-hover-primary-white {
.iconify {
color: rgb(255, 255, 255) !important;
.iconify {
color: rgb(255, 255, 255) !important;
}
}
&:hover {
background-color: rgba(var(--v-theme-lightprimary), 0.1);
}
&:hover {
background-color: rgba(var(--v-theme-lightprimary), 0.1);
}
}
.no-icon {
.v-input__prepend,
.v-input__append {
display: none !important;
}
.v-input__prepend,
.v-input__append {
display: none !important;
}
}
.bg-white {
background-color: rgb(255, 255, 255) !important;
background-color: rgb(255, 255, 255) !important;
}
.v-badge {
&.x-small-badge {
.v-badge__badge {
height: 6px !important;
width: 6px !important;
}
&.x-small-badge {
.v-badge__badge {
height: 6px !important;
width: 6px !important;
}
}
}
.one-line {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.two-line {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.z-1 {
z-index: 1;
}
z-index: 1;
}
+44 -44
View File
@@ -1,48 +1,48 @@
.v-selection-control.v-selection-control--density-default {
.v-switch__track,
.v-switch__thumb {
background-color: rgb(var(--v-theme-grey200));
.v-switch__track,
.v-switch__thumb {
background-color: rgb(var(--v-theme-grey200));
}
&.v-selection-control--dirty {
.v-selection-control__wrapper.text-primary {
.v-switch__track {
background-color: rgba(var(--v-theme-primary), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-primary));
}
}
&.v-selection-control--dirty {
.v-selection-control__wrapper.text-primary {
.v-switch__track {
background-color: rgba(var(--v-theme-primary), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-primary));
}
}
.v-selection-control__wrapper.text-secondary {
.v-switch__track {
background-color: rgba(var(--v-theme-secondary), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-secondary));
}
}
.v-selection-control__wrapper.text-warning {
.v-switch__track {
background-color: rgba(var(--v-theme-warning), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-warning));
}
}
.v-selection-control__wrapper.text-error {
.v-switch__track {
background-color: rgba(var(--v-theme-error), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-error));
}
}
.v-selection-control__wrapper.text-success {
.v-switch__track {
background-color: rgba(var(--v-theme-success), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-success));
}
}
.v-selection-control__wrapper.text-secondary {
.v-switch__track {
background-color: rgba(var(--v-theme-secondary), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-secondary));
}
}
.v-selection-control__wrapper.text-warning {
.v-switch__track {
background-color: rgba(var(--v-theme-warning), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-warning));
}
}
.v-selection-control__wrapper.text-error {
.v-switch__track {
background-color: rgba(var(--v-theme-error), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-error));
}
}
.v-selection-control__wrapper.text-success {
.v-switch__track {
background-color: rgba(var(--v-theme-success), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-success));
}
}
}
}
+68 -68
View File
@@ -1,81 +1,81 @@
// theme : dark
div[class*='v-theme--DARK_'] {
.smallCap {
color: rgb(var(--v-theme-textSecondary));
div[class*="v-theme--DARK_"] {
.smallCap {
color: rgb(var(--v-theme-textSecondary));
}
.elevation-10 {
box-shadow:
rgb(145 158 171 / 30%) 0px 0px 2px 0px,
rgb(145 158 171 / 2%) 0px 12px 24px -4px !important;
}
.v-field__outline {
--v-field-border-opacity: 0.38 !important;
}
.front-wraper {
.bg-background {
background-color: rgb(var(--v-theme-hoverColor)) !important;
}
.elevation-10 {
box-shadow: rgb(145 158 171 / 30%) 0px 0px 2px 0px, rgb(145 158 171 / 2%) 0px 12px 24px -4px !important;
.front-dark {
&.bg-textPrimary {
background-color: rgb(var(--v-theme-surface)) !important;
}
}
.v-field__outline{
--v-field-border-opacity: 0.38 !important;
.bg-textPrimary {
background-color: rgb(var(--v-theme-textSecondary)) !important;
}
}
#vector-map .dxm-layers path {
fill: #7c8fac !important;
}
.svgMap-map-wrapper {
.svgMap-country {
stroke: #878585;
fill: #1a2537 !important;
&#svgMap-map-country-IN {
fill: rgb(var(--v-theme-secondary)) !important;
}
&#svgMap-map-country-AF {
fill: rgb(var(--v-theme-purple)) !important;
}
&#svgMap-map-country-US {
fill: rgb(var(--v-theme-primary)) !important;
}
}
.front-wraper{
.bg-background{
background-color: rgb(var(--v-theme-hoverColor)) !important;
}
.front-dark{
&.bg-textPrimary{
background-color: rgb(var(--v-theme-surface)) !important;
}
}
.bg-textPrimary{
background-color: rgb(var(--v-theme-textSecondary)) !important;
}
.svgMap-map-controls-zoom {
background: #c9d6de !important;
}
#vector-map .dxm-layers path {
fill: #7C8FAC !important;
.svgMap-control-button {
background-color: rgb(var(--v-theme-textSecondary)) !important;
}
}
.dark-card-title {
color: rgb(var(--v-theme-surface));
}
.svgMap-map-wrapper {
.svgMap-country {
stroke: #878585;
fill: #1A2537 !important;
&#svgMap-map-country-IN {
fill: rgb(var(--v-theme-secondary)) !important;
}
&#svgMap-map-country-AF {
fill: rgb(var(--v-theme-purple)) !important;
}
&#svgMap-map-country-US {
fill: rgb(var(--v-theme-primary)) !important;
}
}
.svgMap-map-controls-zoom {
background: #c9d6de !important;
}
.svgMap-control-button{
background-color: rgb(var(--v-theme-textSecondary)) !important;
}
.fc {
.fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-grey100));
}
.dark-card-title{
color:rgb(var(--v-theme-surface));
}
.fc{
.fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-grey100));
}
.fc-button-group {
>.fc-button {
&:hover,&:focus{
background-color: rgba(var(--v-theme-grey100));
color: #fff;
.fc-icon{
color: #fff;
}
}
}
.fc-button-group {
> .fc-button {
&:hover,
&:focus {
background-color: rgba(var(--v-theme-grey100));
color: #fff;
.fc-icon {
color: #fff;
}
}
}
}
}
}
+183 -192
View File
@@ -1,231 +1,222 @@
@use "../variables" as *;
.horizontalLayout {
.v-main {
margin: 0 16px !important;
.v-main {
margin: 0 16px !important;
@media screen and (max-width: 767px) {
margin: 0 10px !important;
}
@media screen and (max-width: 767px) {
margin: 0 10px !important;
}
}
}
.horizontal-header {
&.v-app-bar .v-toolbar__content {
padding: 0;
display: flex;
justify-content: space-between;
}
&.v-app-bar .v-toolbar__content {
padding: 0;
display: flex;
justify-content: space-between;
}
.maxWidth {
@media screen and (max-width: 1199px) {
padding: 0 8px !important;
}
.maxWidth {
@media screen and (max-width: 1199px) {
padding: 0 8px !important;
}
}
}
.ddMenu {
&.ddLevel-1 {
.navItem {
.navItemLink {
.dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
}
}
&:hover {
.dot {
background-color: rgb(var(--v-theme-secondary));
}
}
&.ddLevel-1 {
.navItem {
.navItemLink {
.dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
}
}
}
&.ddLevel-2 {
.navItem {
.navItemLink {
.dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
}
}
&:hover {
.dot {
background-color: rgb(var(--v-theme-secondary));
}
}
&:hover {
.dot {
background-color: rgb(var(--v-theme-secondary));
}
}
}
}
&.ddLevel-2 {
.navItem {
.navItemLink {
.dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
}
}
&:hover {
.dot {
background-color: rgb(var(--v-theme-secondary));
}
}
}
}
}
.horizontalMenu {
.v-toolbar__content {
max-width: 1270px;
margin: 0 auto;
.v-toolbar__content {
max-width: 1270px;
margin: 0 auto;
}
.navItem:has(.ddMenu.ddLevel-1 li a.router-link-active) {
background-color: rgb(var(--v-theme-secondary)) !important;
border-radius: 9999px;
.navcollapse {
color: rgba(255, 255, 255);
}
.navItem:has(.ddMenu.ddLevel-1 li a.router-link-active) {
background-color: rgb(var(--v-theme-secondary)) !important;
border-radius: 9999px;
.navcollapse {
color: rgba(255, 255, 255);
}
}
}
}
.mobile-menu {
.v-navigation-drawer {
margin-top: -70px !important;
height: 100vh !important;
z-index: 2000 !important;
}
.v-navigation-drawer {
margin-top: -70px !important;
height: 100vh !important;
z-index: 2000 !important;
}
}
@media (min-width: 960px) {
.horizontalMenu {
margin-top: 65px;
margin-bottom: -70px;
.horizontalMenu {
margin-top: 65px;
margin-bottom: -70px;
.maxWidth {
.horizontal-navbar {
max-width: 1160px;
}
}
.maxWidth {
.horizontal-navbar {
max-width: 1160px;
}
}
}
.horizontal-navbar {
padding: 16px 0;
margin: 0px auto;
align-items: center;
display: flex;
z-index: 11;
font-size: 0.875rem;
position: relative;
ul {
padding: 0px;
margin: 0px;
}
.horizontal-navbar {
padding: 16px 0;
margin: 0px auto;
align-items: center;
.ddMenu {
li {
a {
color: rgb(var(--v-theme-textPrimary)) !important;
}
}
}
li {
list-style: none;
a {
text-decoration: none;
display: flex;
z-index: 11;
font-size: 0.875rem;
position: relative;
align-items: center;
padding: 10px 13px;
height: 40px;
ul {
padding: 0px;
margin: 0px;
.navIcon {
margin-right: 10px;
display: flex;
}
.ddMenu {
li {
a {
color: rgb(var(--v-theme-textPrimary)) !important;
}
}
.ddIcon {
margin-top: 2px;
}
li {
list-style: none;
&.router-link-exact-active {
background-color: transparent;
color: rgba(var(--v-theme-secondary)) !important;
a {
text-decoration: none;
display: flex;
align-items: center;
padding: 10px 13px;
height: 40px;
.navIcon {
margin-right: 10px;
display: flex;
}
.ddIcon {
margin-top: 2px;
}
&.router-link-exact-active {
background-color: transparent;
color: rgba(var(--v-theme-secondary)) !important;
.dot {
background-color: rgb(var(--v-theme-secondary)) !important;
}
}
}
}
.navItem {
position: relative;
.single-link {
&:hover {
color: rgb(var(--v-theme-secondary)) !important;
}
}
.ddMenu {
.navItem {
.navcollapse {
&:hover {
color: rgb(var(--v-theme-secondary)) !important;
}
}
}
}
}
.ddMenu {
position: absolute;
width: 230px;
display: none;
top: 40px;
padding: 10px;
z-index: 1;
background-color: rgb(var(--v-theme-surface));
box-shadow: $box-shadow;
border-radius: $border-radius-root;
li {
margin-bottom: 3px;
}
}
.ddLevel-2,
.ddLevel-3 {
top: -5px;
left: 212px;
}
.navItem:hover {
>.ddMenu {
display: block;
}
}
>li:hover {
background-color: rgb(var(--v-theme-lightprimary));
border-radius: 9999px;
>.navItemLink {
color: rgb(var(--v-theme-secondary));
opacity: 1;
}
}
.router-link-exact-active {
color: rgb(var(--v-theme-secondary));
font-weight: 500;
background-color: rgb(var(--v-theme-lightprimary));
border-radius: $border-radius-root;
.dot {
background-color: rgb(var(--v-theme-secondary)) !important;
}
}
}
}
}
.navItem {
position: relative;
.single-link {
&:hover {
color: rgb(var(--v-theme-secondary)) !important;
}
}
.ddMenu {
.navItem {
.navcollapse {
&:hover {
color: rgb(var(--v-theme-secondary)) !important;
}
}
}
}
}
.ddMenu {
position: absolute;
width: 230px;
display: none;
top: 40px;
padding: 10px;
z-index: 1;
background-color: rgb(var(--v-theme-surface));
box-shadow: $box-shadow;
border-radius: $border-radius-root;
li {
margin-bottom: 3px;
}
}
.ddLevel-2,
.ddLevel-3 {
top: -5px;
left: 212px;
}
.navItem:hover {
> .ddMenu {
display: block;
}
}
> li:hover {
background-color: rgb(var(--v-theme-lightprimary));
border-radius: 9999px;
> .navItemLink {
color: rgb(var(--v-theme-secondary));
opacity: 1;
}
}
.router-link-exact-active {
color: rgb(var(--v-theme-secondary));
font-weight: 500;
background-color: rgb(var(--v-theme-lightprimary));
border-radius: $border-radius-root;
}
}
}
+308 -316
View File
@@ -2,373 +2,365 @@
/*This is for the logo*/
.leftSidebar {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03), 0 0 1px 0 rgba(0, 0, 0, .1);
box-shadow:
0 3px 4px 0 rgba(0, 0, 0, 0.03),
0 0 1px 0 rgba(0, 0, 0, 0.1);
.logo {
padding-left: 7px;
.logo {
padding-left: 7px;
}
.mini-icon {
display: none;
}
.mini-text {
display: block;
}
.profile {
background: url("@/assets/images/backgrounds/user-info.jpg") no-repeat;
}
.profile-name {
background: rgba(0, 0, 0, 0.5);
margin-top: -6px;
height: 35px;
h5 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
.mini-icon {
display: none;
}
.mini-text {
display: block;
}
.profile {
background: url("@/assets/images/backgrounds/user-info.jpg") no-repeat;
}
.profile-name {
background: rgba(0, 0, 0, 0.5);
margin-top: -6px;
height: 35px;
h5 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
.v-list--density-default .v-list-subheader {
padding-inline-start: 0 !important;
}
.v-list--density-default .v-list-subheader {
padding-inline-start: 0 !important;
}
}
.verticalLayout {
.logo {
width: 250px;
.logo {
width: 250px;
@media screen and (max-width:1024px) {
width: auto;
}
@media screen and (max-width: 1024px) {
width: auto;
}
}
}
/*This is for the Vertical sidebar*/
.scrollnavbar {
height: 100%;
height: 100%;
.userbottom {
position: fixed;
bottom: 0px;
width: 100%;
.userbottom {
position: fixed;
bottom: 0px;
width: 100%;
}
.smallCap {
padding: 3px 12px 12px 0px !important;
font-size: 0.875rem;
font-weight: 500;
margin-top: 24px;
color: rgb(var(--v-theme-textPrimary));
&:first-child {
margin-top: 0 !important;
}
}
/*General Menu css*/
.v-list-group__items .v-list-item,
.v-list-item {
border-radius: $border-radius-root;
padding-inline-start: calc(14px + var(--indent-padding) / 10) !important;
margin: 0 0 2px;
&:hover {
color: rgb(var(--v-theme-secondary));
}
.smallCap {
padding: 3px 12px 12px 0px !important;
font-size: 0.875rem;
font-weight: 500;
margin-top: 24px;
color: rgb(var(--v-theme-textPrimary));
&:first-child {
margin-top: 0 !important;
}
.v-list-item__prepend {
margin-inline-end: 13px;
}
.v-list-item__append {
font-size: 0.875rem;
.v-icon {
margin-inline-start: 13px;
}
}
/*General Menu css*/
.v-list-group__items .v-list-item,
.v-list-item-title {
font-size: 0.875rem;
}
}
.v-list-group__items {
.v-list-item {
border-radius: $border-radius-root;
padding-inline-start: calc(14px + var(--indent-padding) / 10) !important;
min-height: 35px !important;
padding-inline-start: calc(12px + var(--indent-padding) / 10) !important;
margin: 0 0 2px;
.v-list-item__prepend .dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
opacity: 0;
}
.v-list-item-title {
font-size: 14px !important;
}
&:hover {
color: rgb(var(--v-theme-secondary));
&:hover {
color: rgb(var(--v-theme-secondary));
.v-list-item__prepend .dot {
background-color: rgb(var(--v-theme-secondary));
}
}
.v-list-item__prepend {
margin-inline-end: 13px;
&.v-list-item--active {
.v-list-item__prepend .dot {
background-color: rgb(var(--v-theme-secondary));
}
}
}
}
.v-list-item__append {
font-size: 0.875rem;
/*This is for the dropdown*/
.v-list {
color: rgb(var(--v-theme-textPrimary));
.v-icon {
margin-inline-start: 13px;
}
}
.v-list-item-title {
font-size: 0.875rem;
}
> .v-list-item.v-list-item--active,
.v-list-item--active > .v-list-item__overlay {
background: rgb(var(--v-theme-secondary));
color: white;
}
.v-list-group__items {
.v-list-item {
min-height: 35px !important;
padding-inline-start: calc(12px + var(--indent-padding) / 10) !important;
> .v-list-group {
position: relative;
.v-list-item__prepend .dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
opacity: 0;
}
> .v-list-item--active,
> .v-list-item--active:hover {
background: rgb(var(--v-theme-secondary));
color: white;
}
.v-list-item-title {
font-size: 14px !important;
}
&:hover {
color: rgb(var(--v-theme-secondary));
.v-list-item__prepend .dot {
background-color: rgb(var(--v-theme-secondary));
}
}
&.v-list-item--active {
.v-list-item__prepend .dot {
background-color: rgb(var(--v-theme-secondary));
}
}
}
}
/*This is for the dropdown*/
.v-list {
color: rgb(var(--v-theme-textPrimary));
>.v-list-item.v-list-item--active,
.v-list-item--active>.v-list-item__overlay {
background: rgb(var(--v-theme-secondary));
color: white;
}
>.v-list-group {
position: relative;
>.v-list-item--active,
>.v-list-item--active:hover {
background: rgb(var(--v-theme-secondary));
color: white;
}
.v-list-group__items .v-list-item.v-list-item--active,
.v-list-group__items .v-list-item.v-list-item--active>.v-list-item__overlay {
background: transparent;
color: rgb(var(--v-theme-secondary));
}
}
.v-list-group__items .v-list-item.v-list-item--active,
.v-list-group__items .v-list-item.v-list-item--active > .v-list-item__overlay {
background: transparent;
color: rgb(var(--v-theme-secondary));
}
}
}
}
.v-navigation-drawer--rail {
.scrollnavbar .v-list .v-list-group__items,
.hide-menu {
opacity: 1;
}
.scrollnavbar .v-list .v-list-group__items,
.hide-menu {
opacity: 1;
}
.leftPadding {
margin-left: 0px;
}
.leftPadding {
margin-left: 0px;
}
}
@media only screen and (min-width: 1170px) {
.mini-sidebar {
.logo {
width: 40px;
overflow: hidden;
padding-left: 0;
}
.profile-logout {
opacity: 0;
width: 0;
}
.scrollnavbar {
.smallCap {
padding: 3px 12px 12px 12px !important;
}
}
.leftSidebar .v-list--density-default .v-list-subheader {
padding-inline-start: 15px !important;
}
.mini-icon {
display: block;
}
.sidebarchip.hide-menu {
opacity: 0;
}
.mini-text {
display: none;
}
.v-list {
padding: 14px !important;
}
.v-list-group__items {
.iconClass {
position: relative;
left: -2px;
}
}
.leftSidebar:hover {
box-shadow: $box-shadow !important;
.mini-icon {
display: none;
}
.sidebarchip.hide-menu {
opacity: 1;
}
.mini-text {
display: block;
}
.profile-logout {
opacity: 1;
width: auto;
}
.scrollnavbar {
.smallCap {
padding: 3px 12px 12px 0px !important;
}
}
.v-list-group__items {
.iconClass {
position: relative;
left: 0px;
}
}
.v-list--density-default .v-list-subheader {
padding-inline-start: 0px !important;
}
.v-list-group__items {
.v-list-item {
.v-list-item__prepend .dot {
opacity:0;
}
}
}
}
.v-navigation-drawer--expand-on-hover:hover {
.logo {
width: 100%;
}
.v-list .v-list-group__items,
.hide-menu {
opacity: 1;
}
}
.profile-img {
margin-left: 0;
&::before {
left: 12px;
}
}
.menu-toggle {
margin-left: 24px;
}
.v-list-group__items {
.v-list-item {
.v-list-item__prepend .dot {
opacity: 1;
}
}
}
.mini-sidebar {
.logo {
width: 40px;
overflow: hidden;
padding-left: 0;
}
.profile-logout {
opacity: 0;
width: 0;
}
.scrollnavbar {
.smallCap {
padding: 3px 12px 12px 12px !important;
}
}
.leftSidebar .v-list--density-default .v-list-subheader {
padding-inline-start: 15px !important;
}
.mini-icon {
display: block;
}
.sidebarchip.hide-menu {
opacity: 0;
}
.mini-text {
display: none;
}
.v-list {
padding: 14px !important;
}
.v-list-group__items {
.iconClass {
position: relative;
left: -2px;
}
}
.leftSidebar:hover {
box-shadow: $box-shadow !important;
.mini-icon {
display: none;
}
.sidebarchip.hide-menu {
opacity: 1;
}
.mini-text {
display: block;
}
.profile-logout {
opacity: 1;
width: auto;
}
.scrollnavbar {
.smallCap {
padding: 3px 12px 12px 0px !important;
}
}
.v-list-group__items {
.iconClass {
position: relative;
left: 0px;
}
}
.v-list--density-default .v-list-subheader {
padding-inline-start: 0px !important;
}
.v-list-group__items {
.v-list-item {
.v-list-item__prepend .dot {
opacity: 0;
}
}
}
}
.v-navigation-drawer--expand-on-hover:hover {
.logo {
width: 100%;
}
.v-list .v-list-group__items,
.hide-menu {
opacity: 1;
}
}
.profile-img {
margin-left: 0;
&::before {
left: 12px;
}
}
.menu-toggle {
margin-left: 24px;
}
.v-list-group__items {
.v-list-item {
.v-list-item__prepend .dot {
opacity: 1;
}
}
}
}
}
// scrollbar
// scrollbar
.ps__rail-y {
z-index: 9;
z-index: 9;
}
.profile-img {
margin-left: 14px;
margin-left: 14px;
&::before {
-webkit-animation: 2.5s blow 0s linear infinite;
animation: 2.5s blow 0s linear infinite;
position: absolute;
content: "";
width: 50px;
height: 50px;
top: 40px;
border-radius: 50%;
z-index: 0;
left: 26px;
&::before {
-webkit-animation: 2.5s blow 0s linear infinite;
animation: 2.5s blow 0s linear infinite;
position: absolute;
content: "";
width: 50px;
height: 50px;
top: 40px;
border-radius: 50%;
z-index: 0;
left: 26px;
}
@-webkit-keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
@-webkit-keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
@keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
}
@keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
}
+183 -183
View File
@@ -1,240 +1,240 @@
//
//
// common
//
//
.inside-left-sidebar {
.left-part {
width: 240px;
}
.left-part {
width: 240px;
}
}
//
//Full Calendar
.fc {
.fc-button-group {
>.fc-button {
display: flex;
align-items: center;
padding: 7px 10px;
border: 0;
font-size: 14px;
background-color: rgba(var(--v-theme-grey200));
color: rgba(var(--v-theme-textPrimary));
.fc-icon{
color: rgba(var(--v-theme-textPrimary));
font-size: 20px;
}
&:hover,&:focus{
background-color: rgba(var(--v-theme-textPrimary));
color: #fff;
.fc-icon{
color: #fff;
}
}
}
.fc-button-primary:not(:disabled):active{
background-color: rgba(var(--v-theme-textPrimary));
}
.fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-textPrimary));
.fc-button-group {
> .fc-button {
display: flex;
align-items: center;
padding: 7px 10px;
border: 0;
font-size: 14px;
background-color: rgba(var(--v-theme-grey200));
color: rgba(var(--v-theme-textPrimary));
.fc-icon {
color: rgba(var(--v-theme-textPrimary));
font-size: 20px;
}
&:hover,
&:focus {
background-color: rgba(var(--v-theme-textPrimary));
color: #fff;
.fc-icon {
color: #fff;
}
}
.fc-today-button{
padding: 7px 20px;
border: 0;
background-color: rgba(var(--v-theme-primary));
}
}
}
.fc-button-primary:not(:disabled):active {
background-color: rgba(var(--v-theme-textPrimary));
}
.fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-textPrimary));
}
}
.fc-today-button {
padding: 7px 20px;
border: 0;
background-color: rgba(var(--v-theme-primary));
}
.fc-prev-button{
border-radius: 30px 0 0 30px;
}
.fc-toolbar-title{
font-weight: 600;
}
.fc-event-title{
font-size: 14px;
padding: 3px 6px;
}
.fc-prev-button {
border-radius: 30px 0 0 30px;
}
.fc-toolbar-title {
font-weight: 600;
}
.fc-event-title {
font-size: 14px;
padding: 3px 6px;
}
.fc-button {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
.fc-button {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
.fc-icon {
font-size: 1.5em;
vertical-align: unset;
}
}
.fc-daygrid-day-number{
color: rgba(var(--v-theme-textSecondary));
font-size: 15px;
}
.fc-icon {
font-size: 1.5em;
vertical-align: unset;
}
}
.fc-daygrid-day-number {
color: rgba(var(--v-theme-textSecondary));
font-size: 15px;
}
.fc-button-primary {
background: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
.fc-button-primary {
background: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
color: #fff;
color: #fff;
&:hover {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
}
&: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));
&:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
&:focus {
box-shadow: none;
}
}
&:focus {
box-shadow: none;
}
}
&:not(:disabled) {
&:active {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
&:not(:disabled) {
&:active {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
&:focus {
box-shadow: none;
}
}
}
&:focus {
box-shadow: none;
}
}
}
&:disabled {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
opacity: 1;
}
}
&: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;
font-weight: 600;
}
.fc-button-primary:not(:disabled).fc-button-active{
background-color: rgb(var(--v-theme-textPrimary));
}
.fc-col-header-cell-cushion {
display: inline-block;
padding: 10px 5px;
font-size: 14px;
font-weight: 600;
}
.fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-textPrimary));
}
}
.fc-theme-standard {
td {
border: 1px solid rgba(var(--v-border-color), 1) !important;
}
td {
border: 1px solid rgba(var(--v-border-color), 1) !important;
}
th {
border: 1px solid rgba(var(--v-border-color), 1) !important;
border-bottom: 0 !important;
background-color: rgba(var(--v-theme-grey200));
height: 56px;
vertical-align: middle;
color: rgba(var(--v-theme-textSecondary));
}
th {
border: 1px solid rgba(var(--v-border-color), 1) !important;
border-bottom: 0 !important;
background-color: rgba(var(--v-theme-grey200));
height: 56px;
vertical-align: middle;
color: rgba(var(--v-theme-textSecondary));
}
.fc-scrollgrid {
border: 0 !important;
}
.fc-scrollgrid {
border: 0 !important;
}
}
.fc-h-event {
background-color: rgb(var(--v-theme-primary));
border: 0;
display: block;
background-color: rgb(var(--v-theme-primary));
border: 0;
display: block;
}
.fc-direction-ltr {
.fc-button-group {
>.fc-button {
&:not(:last-child) {
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}
.fc-button-group {
> .fc-button {
&:not(:last-child) {
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}
&:not(:first-child) {
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
margin-left: -1px;
}
}
}
&:not(:first-child) {
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
margin-left: -1px;
}
}
}
}
.fc-button-group {
.fc-dayGridMonth-button {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
padding: 7px 20px !important;
}
.fc-dayGridMonth-button {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
padding: 7px 20px !important;
}
.fc-timeGridDay-button {
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
padding: 7px 20px !important;
}
.fc-timeGridDay-button {
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
padding: 7px 20px !important;
}
.fc-timeGridWeek-button {
border-radius: 0 !important;
padding: 7px 20px !important;
}
.fc-timeGridWeek-button {
border-radius: 0 !important;
padding: 7px 20px !important;
}
}
.fc-today-button {
border-radius: 30px !important;
font-size: 14px;
border-radius: 30px !important;
font-size: 14px;
}
@media screen and (max-width:600px) {
.fc {
.fc-toolbar {
display: block;
text-align: center;
}
}
@media screen and (max-width: 600px) {
.fc {
.fc-toolbar {
display: block;
text-align: center;
}
}
.fc-toolbar-chunk {
.fc-toolbar-title {
margin: 15px 0;
}
}
.fc-toolbar-chunk {
.fc-toolbar-title {
margin: 15px 0;
}
}
}
.customTab {
.v-btn {
&.v-tab-item--selected {
background-color: rgb(var(--v-theme-lightprimary)) !important;
.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;
}
}
}
.icon {
background-color: rgb(var(--v-theme-primary)) !important;
color: #fff !important;
}
}
}
}
.email-items {
padding: 0px 24px 12px;
padding: 0px 24px 12px;
&.selected-email {
.email-title {
color: rgb(var(--v-theme-primary)) !important;
}
}
&.selected-email {
.email-title {
color: rgb(var(--v-theme-primary)) !important;
}
}
&:hover {
background-color: rgb(var(--v-theme-hoverColor));
&:hover {
background-color: rgb(var(--v-theme-hoverColor));
.email-title {
color: rgb(var(--v-theme-primary)) !important;
}
}
.email-title {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
.email-content {
p {
margin: 10px 0;
}
}
p {
margin: 10px 0;
}
}
+32 -32
View File
@@ -1,59 +1,59 @@
// Light Theme Colors
.v-theme--AQUA_THEME {
--v-theme-primary: 0, 116, 186;
--v-theme-secondary: 71, 215, 188;
--v-theme-lightprimary: 229, 241, 248;
--v-theme-lightsecondary: 237, 251, 247;
--v-theme-primary: 0, 116, 186;
--v-theme-secondary: 71, 215, 188;
--v-theme-lightprimary: 229, 241, 248;
--v-theme-lightsecondary: 237, 251, 247;
}
.v-theme--PURPLE_THEME {
--v-theme-primary: 118, 62, 189;
--v-theme-secondary: 148, 208, 214;
--v-theme-lightprimary: 242, 236, 249;
--v-theme-lightsecondary: 237, 248, 250;
--v-theme-primary: 118, 62, 189;
--v-theme-secondary: 148, 208, 214;
--v-theme-lightprimary: 242, 236, 249;
--v-theme-lightsecondary: 237, 248, 250;
}
.v-theme--GREEN_THEME {
--v-theme-primary: 10, 126, 164;
--v-theme-secondary: 204, 218, 78;
--v-theme-lightprimary: 230, 242, 246;
--v-theme-lightsecondary: 250, 251, 239;
--v-theme-primary: 10, 126, 164;
--v-theme-secondary: 204, 218, 78;
--v-theme-lightprimary: 230, 242, 246;
--v-theme-lightsecondary: 250, 251, 239;
}
.v-theme--CYAN_THEME {
--v-theme-primary: 1, 192, 200;
--v-theme-secondary: 251, 150, 120;
--v-theme-lightprimary: 235, 249, 250;
--v-theme-lightsecondary: 255, 245, 242;
--v-theme-primary: 1, 192, 200;
--v-theme-secondary: 251, 150, 120;
--v-theme-lightprimary: 235, 249, 250;
--v-theme-lightsecondary: 255, 245, 242;
}
.v-theme--ORANGE_THEME {
--v-theme-primary: 250, 137, 107;
--v-theme-secondary: 0, 116, 186;
--v-theme-lightprimary: 251, 242, 239;
--v-theme-lightsecondary: 239, 249, 255;
--v-theme-primary: 250, 137, 107;
--v-theme-secondary: 0, 116, 186;
--v-theme-lightprimary: 251, 242, 239;
--v-theme-lightsecondary: 239, 249, 255;
}
.v-theme--DARK_AQUA_THEME{
--v-theme-primary: 0, 116, 186;
--v-theme-secondary: 71, 215, 188;
.v-theme--DARK_AQUA_THEME {
--v-theme-primary: 0, 116, 186;
--v-theme-secondary: 71, 215, 188;
}
.v-theme--DARK_PURPLE_THEME {
--v-theme-primary: 118, 62, 189;
--v-theme-secondary: 148, 208, 214;
--v-theme-primary: 118, 62, 189;
--v-theme-secondary: 148, 208, 214;
}
.v-theme--DARK_GREEN_THEME {
--v-theme-primary: 10, 126, 164;
--v-theme-secondary: 204, 218, 78;
--v-theme-primary: 10, 126, 164;
--v-theme-secondary: 204, 218, 78;
}
.v-theme--DARK_CYAN_THEME {
--v-theme-primary: 1, 192, 200;
--v-theme-secondary: 251, 150, 120;
--v-theme-primary: 1, 192, 200;
--v-theme-secondary: 251, 150, 120;
}
.v-theme--DARK_ORANGE_THEME {
--v-theme-primary: 250, 137, 107;
--v-theme-secondary: 0, 116, 186;
}
--v-theme-primary: 250, 137, 107;
--v-theme-secondary: 0, 116, 186;
}