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