diff --git a/themes/theme-dk-reverse.scss b/themes/theme-dk-reverse.scss
index b8ec73e6bcabf10773bfd27c9a7ee82eeb12cb33..5c516133e1fee3ff257e8f279b3864e0eef99b40 100644
--- a/themes/theme-dk-reverse.scss
+++ b/themes/theme-dk-reverse.scss
@@ -1,620 +1,608 @@
-/* You can add global styles to this file, and also import other style files */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@import "~@ng-select/ng-select/themes/material.theme.css";
-@import './assets/styles/styles.scss';
-html, body { height: 100%; }
-body { margin: 0; font-family: Arial, Helvetica, sans-serif; }
-
-
html[data-theme="light"][data-layout="cQubeDkR"] {
- --white: #fff;
- --cQ-gray: #333;
- --cQ-gray555: #555;
- --cQ-theme-bg: #4C30F5;
- --cQ-theme-bg-shade: #61D5F4;
- --cQ-primary: #202342;
- --cQ-primary-contrast: var(--white);
- --cQ-secondary: #4C30F5;
- --cQ-secondary-contrast: var(--white);
- --cQ-tertiary: #ffd954;
- --cQ-tertiary-contrast: var(--cQ-gray);
- --cQ-gray-contrast: var(--white);
- --cQcard-boxshadow: #bfd2fc;
- --metaDatabox-bg: #61D5F4;
- }
- html[data-layout="cQubeDkR"] {
- overflow-x: hidden;
- body {
- background: linear-gradient(90deg, var(--cQ-theme-bg) 30%, var(--cQ-theme-bg-shade) 126.6%) !important;
- overflow-y: auto;
- overflow-x:hidden;
- position: relative;
- &:before {
- content: '';
- // background: url('assets/images/Union.svg');
- width: 29.56rem;
- height: 20.18rem;
- position: fixed;
- right:8rem;
- }
- }
- .app-nav-bar {
- height: 5.5rem;
- background: none !important;
- box-shadow: none;
- margin: 0;
- display: flex;
- align-items: center;
- left: 18rem;
- transition: all 0.3s;
- position: absolute;
- z-index: 1;
- }
- .sidebaractive .app-nav-bar {
- left: 6rem;
- }
- .menu-item div {
- display: flex;
- align-items: center;
- img {
- }
- }
-
- .ncert_logo {
- height: 3.5rem;
- width: inherit;
+ --white: #fff;
+ --cQ-gray: #333;
+ --cQ-gray555: #555;
+ --cQ-theme-bg: #4C30F5;
+ --cQ-theme-bg-shade: #61D5F4;
+ --cQ-primary: #202342;
+ --cQ-primary-contrast: var(--white);
+ --cQ-secondary: #4C30F5;
+ --cQ-secondary-contrast: var(--white);
+ --cQ-tertiary: #ffd954;
+ --cQ-tertiary-contrast: var(--cQ-gray);
+ --cQ-gray-contrast: var(--white);
+ --cQcard-boxshadow: #bfd2fc;
+ --metaDatabox-bg: #61D5F4;
+}
+html[data-layout="cQubeDkR"] {
+ overflow-x: hidden;
+ body {
+ background: linear-gradient(90deg, var(--cQ-theme-bg) 30%, var(--cQ-theme-bg-shade) 126.6%) !important;
+ overflow-y: auto;
+ overflow-x:hidden;
+ position: relative;
+ &:before {
+ content: '';
+ // background: url('assets/images/Union.svg');
+ width: 29.56rem;
+ height: 20.18rem;
+ position: fixed;
+ right:8rem;
}
- .headerInnerContainer {
- align-items: center;
+ }
+ .app-nav-bar {
+ height: 5.5rem;
+ background: none !important;
+ box-shadow: none;
+ margin: 0;
+ display: flex;
+ align-items: center;
+ left: 18rem;
+ transition: all 0.3s;
+ position: absolute;
+ z-index: 1;
+ }
+ .sidebaractive .app-nav-bar {
+ left: 6rem;
+ }
+ .menu-item div {
+ display: flex;
+ align-items: center;
+ img {
}
-
- .app-side-nav {
- margin-top: -5.5rem;
- height: 100%;
- background: var(--cQ-primary) !important;
- box-shadow: none;
- width: 18rem;
- transition: all 0.3s;
- padding: 0 0rem 0 1rem;
- display: block;
- z-index: 8;
- ul {
- // margin-left: 0.5rem;
- // margin-right:1.5rem;
- li {
- border-bottom: 0px solid #eee !important;
+ }
+
+ .ncert_logo {
+ height: 3.5rem;
+ width: inherit;
+ }
+ .headerInnerContainer {
+ align-items: center;
+ }
+
+ .app-side-nav {
+ margin-top: -5.5rem;
+ height: 100%;
+ background: var(--cQ-primary) !important;
+ box-shadow: none;
+ width: 18rem;
+ transition: all 0.3s;
+ padding: 0 0rem 0 1rem;
+ display: block;
+ z-index: 8;
+ ul {
+ // margin-left: 0.5rem;
+ // margin-right:1.5rem;
+ li {
+ border-bottom: 0px solid #eee !important;
+ height: 3rem;
+ padding: 0.5rem !important;
+ display: flex;
+ align-items: center;
+ padding: 1rem 1rem 1rem 1rem !important;
+ margin-bottom: 0.5rem;
+ position: relative;
+ i {
+ width: 3rem;
height: 3rem;
- padding: 0.5rem !important;
display: flex;
align-items: center;
- padding: 1rem 1rem 1rem 1rem !important;
- margin-bottom: 0.5rem;
- position: relative;
- i {
- width: 3rem;
- height: 3rem;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- margin-right: 0.5rem;
- }
+ justify-content: center;
+ border-radius: 50%;
+ margin-right: 0.5rem;
+ }
+ div.btn {
+ color: var(--white);
+ }
+ div.btn span {
+ word-break: break-all;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ transition: all 0.3s;
+ }
+ &:hover,
+ &.active,
+ &.activeLink {
+ background-color: var(--cQ-theme-bg);
+ border-radius: 2rem 0 0 2rem;
div.btn {
color: var(--white);
}
- div.btn span {
- word-break: break-all;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- transition: all 0.3s;
- }
- &:hover,
- &.active,
- &.activeLink {
- background-color: var(--cQ-theme-bg);
- border-radius: 2rem 0 0 2rem;
- div.btn {
- color: var(--white);
- }
- }
- &:hover:before, &.activeLink:before {
- content: "";
- position: absolute;
- top: -2.5rem;
- right: 0px;
- width: 2.5rem;
- height: 2.5rem;
- background: transparent;
- border-radius: 50%;
- box-shadow: 1.25rem 1.25rem 0 var(--cQ-theme-bg);
- }
- &:hover:after, &.activeLink:after {
- content: "";
- position: absolute;
- bottom: -2.5rem;
- right: 0px;
- width: 2.5rem;
- height: 2.5rem;
- background: transparent;
- border-radius: 50%;
- box-shadow: 1.25rem -1.25rem 0 var(--cQ-theme-bg);
- }
-
- div:first-child {
- margin: 0;
- padding: 0px;
- font-size: 1rem;
- }
+ }
+ &:hover:before, &.activeLink:before {
+ content: "";
+ position: absolute;
+ top: -2.5rem;
+ right: 0px;
+ width: 2.5rem;
+ height: 2.5rem;
+ background: transparent;
+ border-radius: 50%;
+ box-shadow: 1.25rem 1.25rem 0 var(--cQ-theme-bg);
+ }
+ &:hover:after, &.activeLink:after {
+ content: "";
+ position: absolute;
+ bottom: -2.5rem;
+ right: 0px;
+ width: 2.5rem;
+ height: 2.5rem;
+ background: transparent;
+ border-radius: 50%;
+ box-shadow: 1.25rem -1.25rem 0 var(--cQ-theme-bg);
+ }
+
+ div:first-child {
+ margin: 0;
+ padding: 0px;
+ font-size: 1rem;
}
}
}
-
-
- .sidebaractive .app-side-nav ul li {
- border-radius: 50%;
- width: 4rem;
- height: 4rem;
- transition: all 0.3s;
- &.activeLink:before,
- &.activeLink:after {
- display: none;
- }
- div span {
- display: none;
- }
- i {
- margin-right: 0;
- }
- &:hover:before,&:hover:after {
- display: none;
- }
- }
- .headerSideWidth .logo {
- margin-right: 1rem;
- margin-left: 1.5rem;
- }
- #sidebarMenu {
- // transform: translateX(0); /*change here related your menu height*/
- }
-
- .sidebarMenuInner {
- margin: 0;
- padding: 0;
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- input[type="checkbox"]:checked ~ #sidebarMenu {
- // transform: translateX(-18rem);
- // top:50px /*change here related your top menu height*/
- li div span {
- display: none;
- }
- }
- input[type="checkbox"] {
- transition: all 0.3s;
- box-sizing: border-box;
+ }
+
+
+ .sidebaractive .app-side-nav ul li {
+ border-radius: 50%;
+ width: 4rem;
+ height: 4rem;
+ transition: all 0.3s;
+ &.activeLink:before,
+ &.activeLink:after {
display: none;
}
- .RespMenuIcon {
- height: 5.5rem;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- padding-left: 1.25rem;
- .sidebarIconToggle {
- transition: all 0.3s;
- box-sizing: border-box;
- cursor: pointer;
- // position: absolute;
- z-index: 99;
- height: 1.375rem;
- width: 1.375rem;
- }
+ div span {
+ display: none;
}
-
- .spinner {
- transition: all 0.3s;
- box-sizing: border-box;
- position: absolute;
- height: 3px;
- width: 100%;
- background-color: var(--cQ-primary-contrast);
+ i {
+ margin-right: 0;
}
- .horizontal {
- transition: all 0.3s;
- box-sizing: border-box;
- position: relative;
- float: left;
- margin-top: 3px;
- opacity: 0;
+ &:hover:before,&:hover:after {
+ display: none;
}
- .diagonal.part-1 {
- position: relative;
- float: left;
- transition: all 0.3s;
- box-sizing: border-box;
- transform: rotate(135deg);
- margin-top: 8px;
+ }
+ .headerSideWidth .logo {
+ margin-right: 1rem;
+ margin-left: 1.5rem;
+ }
+ #sidebarMenu {
+ // transform: translateX(0); /*change here related your menu height*/
+ }
+
+ .sidebarMenuInner {
+ margin: 0;
+ padding: 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+ }
+ input[type="checkbox"]:checked ~ #sidebarMenu {
+ // transform: translateX(-18rem);
+ // top:50px /*change here related your top menu height*/
+ li div span {
+ display: none;
}
- .diagonal.part-2 {
- position: relative;
- float: left;
+ }
+ input[type="checkbox"] {
+ transition: all 0.3s;
+ box-sizing: border-box;
+ display: none;
+ }
+ .RespMenuIcon {
+ height: 5.5rem;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ padding-left: 1.25rem;
+ .sidebarIconToggle {
transition: all 0.3s;
box-sizing: border-box;
- transform: rotate(-135deg);
- margin-top: -9px;
- }
- input[type="checkbox"]:checked ~ .sidebarIconToggle > .horizontal {
- opacity: 1;
- }
- input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
- transform: rotate(180deg);
- margin-top: 3px;
- }
- input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
- transform: rotate(0deg);
- margin-top: 3px;
+ cursor: pointer;
+ // position: absolute;
+ z-index: 99;
+ height: 1.375rem;
+ width: 1.375rem;
}
-
- // @media screen and (max-width: 950px) {
- // .sidebarIconToggle{
- // display:block
- // }
- // }
-
- h1.leading-tight,
- .metric-card-wrapper .h4 {
- color: var(--white) !important;
+ }
+
+ .spinner {
+ transition: all 0.3s;
+ box-sizing: border-box;
+ position: absolute;
+ height: 3px;
+ width: 100%;
+ background-color: var(--cQ-primary-contrast);
+ }
+ .horizontal {
+ transition: all 0.3s;
+ box-sizing: border-box;
+ position: relative;
+ float: left;
+ margin-top: 3px;
+ opacity: 0;
+ }
+ .diagonal.part-1 {
+ position: relative;
+ float: left;
+ transition: all 0.3s;
+ box-sizing: border-box;
+ transform: rotate(135deg);
+ margin-top: 8px;
+ }
+ .diagonal.part-2 {
+ position: relative;
+ float: left;
+ transition: all 0.3s;
+ box-sizing: border-box;
+ transform: rotate(-135deg);
+ margin-top: -9px;
+ }
+ input[type="checkbox"]:checked ~ .sidebarIconToggle > .horizontal {
+ opacity: 1;
+ }
+ input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
+ transform: rotate(180deg);
+ margin-top: 3px;
+ }
+ input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
+ transform: rotate(0deg);
+ margin-top: 3px;
+ }
+
+ // @media screen and (max-width: 950px) {
+ // .sidebarIconToggle{
+ // display:block
+ // }
+ // }
+
+ h1.leading-tight,
+ .metric-card-wrapper .h4 {
+ color: var(--white) !important;
+ font-size: 1.25rem;
+ font-weight: bold;
+ }
+ .metric-card-wrapper > div {
+ background: none;
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ border-radius: 1.5rem 0 0 1.5rem;
+ }
+ .app-content-wrapper {
+ margin-top: 5.5rem;
+ padding-top:0;
+ padding-left: 20rem !important;
+ padding-right: 0rem;
+ transition: all 0.3s;
+ // background: linear-gradient(90deg, var(--cQ-theme-bg) 30%, var(--cQ-theme-bg-shade) 126.6%) !important;
+ position: relative;
+ z-index: 1;
+ }
+ .active:focus {
+ background-color: transparent !important;
+ color: var(--cQ-primary) !important;
+ }
+ .app-content-wrapper .app-content {
+ padding: 0.5rem 0 1rem 0rem !important;
+ p.h3 {
+ margin-bottom: 1rem !important;
font-size: 1.25rem;
- font-weight: bold;
+ color: var(--white);
}
- .metric-card-wrapper > div {
+ .dashboard {
background: none;
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- border-radius: 1.5rem 0 0 1.5rem;
- }
- .app-content-wrapper {
- margin-top: 5.5rem;
- padding-top:0;
- padding-left: 20rem !important;
- padding-right: 0rem;
- transition: all 0.3s;
- // background: linear-gradient(90deg, var(--cQ-theme-bg) 30%, var(--cQ-theme-bg-shade) 126.6%) !important;
- position: relative;
- z-index: 1;
- }
- .active:focus {
- background-color: transparent !important;
- color: var(--cQ-primary) !important;
- }
- .app-content-wrapper .app-content {
- padding: 0.5rem 0 1rem 0rem !important;
- p.h3 {
- margin-bottom: 1rem !important;
- font-size: 1.25rem;
- color: var(--white);
- }
- .dashboard {
- background: none;
- border-radius: 2rem 0 0 2rem;
- padding-right: 1.5rem;
- row-gap: 1rem;
- }
- }
-
- .infoIcon {
- cursor: pointer;
- }
- .sidebaractive .app-side-nav {
- width: 6rem;
- }
- .sidebaractive .app-content-wrapper {
- padding-left: 7.5rem !important;
- }
-
- .metric-card-wrapper,
- .tab-group-wrapper {
- background: none !important;
- padding: 0 !important;
- }
- .tab-group-wrapper {
- margin-top: 2rem !important;
- background: #f5f5f5 !important;
border-radius: 2rem 0 0 2rem;
- padding: 1.5rem !important;
+ padding-right: 1.5rem;
row-gap: 1rem;
}
- .mat-tab-body-wrapper {
- border-radius: 1rem;
- overflow: hidden;
- background: var(--white);
- }
- .mat-tab-label-container .mat-tab-list {
- padding-left: 1rem;
+ }
+
+ .infoIcon {
+ cursor: pointer;
+ }
+ .sidebaractive .app-side-nav {
+ width: 6rem;
+ }
+ .sidebaractive .app-content-wrapper {
+ padding-left: 7.5rem !important;
+ }
+
+ .metric-card-wrapper,
+ .tab-group-wrapper {
+ background: none !important;
+ padding: 0 !important;
+ }
+ .tab-group-wrapper {
+ margin-top: 2rem !important;
+ background: #f5f5f5 !important;
+ border-radius: 2rem 0 0 2rem;
+ padding: 1.5rem !important;
+ row-gap: 1rem;
+ }
+ .mat-tab-body-wrapper {
+ border-radius: 1rem;
+ overflow: hidden;
+ background: var(--white);
+ }
+ .mat-tab-label-container .mat-tab-list {
+ padding-left: 1rem;
+ }
+ /** library css */
+ /* grid */
+ .sb-cQ-grid {
+ display: flex;
+ gap: 1rem;
+ padding: 2rem 1rem;
+ overflow-x: auto;
+ &--2 {
+ flex-wrap: wrap;
+ overflow-x: unset;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
- /** library css */
- /* grid */
- .sb-cQ-grid {
- display: flex;
- gap: 1rem;
- padding: 2rem 1rem;
- overflow-x: auto;
- &--2 {
- flex-wrap: wrap;
- overflow-x: unset;
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+ }
+ /* sb cq card */
+
+ .sb-cQ-card {
+ // width:9.25rem;
+ min-width: 9.25rem;
+ height: 9.25rem;
+ padding: 1.5rem;
+ background: var(--cQcard-bg);
+ border-radius: 1.5rem;
+ border: 0.0625rem solid var(--cQcard-border);
+ box-shadow: none; //-10px 10px 40px var(--cQcard-boxshadow);
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ &__info {
+ width: 1.25rem;
+ height: 1.25rem;
+ position: absolute;
+ right: 1rem;
+ top: 1rem;
+ img {
+ width: 100%;
}
}
- /* sb cq card */
-
- .sb-cQ-card {
- // width:9.25rem;
- min-width: 9.25rem;
- height: 9.25rem;
- padding: 1.5rem;
- background: var(--cQcard-bg);
- border-radius: 1.5rem;
- border: 0.0625rem solid var(--cQcard-border);
- box-shadow: none; //-10px 10px 40px var(--cQcard-boxshadow);
- position: relative;
+ &__data {
display: flex;
- align-items: center;
- justify-content: center;
- text-align: center;
- &__info {
- width: 1.25rem;
- height: 1.25rem;
- position: absolute;
- right: 1rem;
- top: 1rem;
- img {
- width: 100%;
- }
+ flex-direction: column;
+ span.Value {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: var(--cQ-secondary) !important;
}
- &__data {
- display: flex;
- flex-direction: column;
- span.Value {
- font-size: 1.5rem;
- font-weight: bold;
- color: var(--cQ-secondary) !important;
- }
- span.Title {
- color: var(--cQ-gray555);
- font-size: 1rem;
- line-height: normal;
- }
+ span.Title {
+ color: var(--cQ-gray555);
+ font-size: 1rem;
+ line-height: normal;
}
}
-
- .sb-cQ-card_2 {
- min-width: 21.75rem;
- max-width: 100%;
- height: 17.625rem;
+ }
+
+ .sb-cQ-card_2 {
+ min-width: 21.75rem;
+ max-width: 100%;
+ height: 17.625rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ overflow: inherit;
+ &:hover {
+ background: var(--white) !important;
+ }
+ .brand {
display: flex;
- flex-direction: column;
+ flex-direction: row;
+ align-items: center;
justify-content: space-between;
- overflow: inherit;
- &:hover {
- background: var(--white) !important;
+ width: 100%;
+ .title {
+ color: var(--cQ-gray);
+ font-size: 1.25rem;
+ text-align: left;
+ word-break: break-word;
+ margin-right: 0.5rem;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
}
- .brand {
+ .logo {
+ width: 4.5rem;
+ height: 4.5rem;
display: flex;
- flex-direction: row;
align-items: center;
- justify-content: space-between;
- width: 100%;
- .title {
- color: var(--cQ-gray);
- font-size: 1.25rem;
- text-align: left;
- word-break: break-word;
- margin-right: 0.5rem;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- .logo {
- width: 4.5rem;
- height: 4.5rem;
- display: flex;
- align-items: center;
- justify-content: center;
- img {
- max-width: 100%;
- }
+ justify-content: center;
+ img {
+ max-width: 100%;
}
}
- .dataContainer {
+ }
+ .dataContainer {
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+ width: 100%;
+ div {
display: flex;
align-items: center;
- gap: 1rem;
- width: 100%;
- div {
- display: flex;
- align-items: center;
- flex-direction: column;
- flex: 50%;
- }
- }
- button {
- border: 0.0625rem solid var(--cQcard-btn-border);
- padding: 0rem !important;
- border-radius: 1.5rem;
- width: 100%;
- font-size: 1rem;
- background: var(--cQcard-bg);
- cursor: pointer;
- min-height: 3rem;
- color: var(--cQcard-contrast);
- &:hover {
- background: var(--cQ-primary);
- color: var(--cQ-primary-contrast);
- }
+ flex-direction: column;
+ flex: 50%;
}
- // &:nth-child(1) {
- // background-color:#81aef9;
- // }
- // &:nth-child(2) {
- // background-color:#cdedc2;
- // }
- }
-
- .mat-tab-labels .mat-tab-label-active {
- background: none;
- color: var(--cQ-secondary);
- border-bottom: 3px solid var(--cQ-secondary) !important;
- border-radius: 0 !important;
- border: 0;
}
- .mat-tab-label {
- border: 0;
- }
- .mat-tab-label .mat-tab-label-content {
- color: var(--cQ-gray);
- }
- .mat-tab-labels .mat-tab-label-active .mat-tab-label-content {
- color: var(--cQ-secondary);
- }
-
- .app-nav-bar .md\:container.h-full {
- max-width: 100%;
- padding: 0 2rem;
+ button {
+ border: 0.0625rem solid var(--cQcard-btn-border);
+ padding: 0rem !important;
+ border-radius: 1.5rem;
+ width: 100%;
+ font-size: 1rem;
+ background: var(--cQcard-bg);
+ cursor: pointer;
+ min-height: 3rem;
+ color: var(--cQcard-contrast);
+ &:hover {
+ background: var(--cQ-primary);
+ color: var(--cQ-primary-contrast);
+ }
}
+ // &:nth-child(1) {
+ // background-color:#81aef9;
+ // }
+ // &:nth-child(2) {
+ // background-color:#cdedc2;
+ // }
+ }
+ .mat-tab-labels .mat-tab-label-active {
+ background: none;
+ color: var(--cQ-secondary);
+ border-bottom: 3px solid var(--cQ-secondary) !important;
+ border-radius: 0 !important;
+ border: 0;
+ }
+ .mat-tab-label {
+ border: 0;
+ }
+ .mat-tab-label .mat-tab-label-content {
+ color: var(--cQ-gray);
+ }
+ .mat-tab-labels .mat-tab-label-active .mat-tab-label-content {
+ color: var(--cQ-secondary);
+ }
- @media (max-width: 992px) {
- .sidebaractive .app-content-wrapper {
- padding-left: 0rem !important;
- }
- .sb-cQ-card_2,
- .sb-cQ-card {
- min-width: auto;
- }
- .app-content-wrapper {
- padding-left: 0rem !important;
- }
+ .app-nav-bar .md\:container.h-full {
+ max-width: 100%;
+ padding: 0 2rem;
+ }
- .sidebaractive input[type="checkbox"]:checked ~ #sidebarMenu li div span {
- display: block;
- }
- .sidebaractive
- input[type="checkbox"]:checked
- ~ .sidebarIconToggle
- > .horizontal {
- opacity: 0;
- }
- .horizontal {
- opacity: 1;
- }
- .diagonal.part-1 {
- transform: rotate(0deg);
- }
- .diagonal.part-2 {
- transform: rotate(180deg);
- margin-top: -15px;
- }
- .sidebaractive
- input[type="checkbox"]:checked
- ~ .sidebarIconToggle
- > .diagonal.part-1 {
- transform: rotate(-135deg);
- margin-top: 6px;
- }
- .sidebaractive
- input[type="checkbox"]:checked
- ~ .sidebarIconToggle
- > .diagonal.part-2 {
- transform: rotate(-45deg);
- margin-top: -9px;
- }
+
+@media (max-width: 992px) {
+ .sidebaractive .app-content-wrapper {
+ padding-left: 0rem !important;
+ }
+ .sb-cQ-card_2,
+ .sb-cQ-card {
+ min-width: auto;
+ }
+ .app-content-wrapper {
+ padding-left: 0rem !important;
}
- @media (max-width: 768px) {
- .app-content-wrapper {
- padding-left: 1rem !important;
- }
- .mainHeaderContent h1.leading-tight {
- display: none;
- }
- .app-nav-bar {
- left: 6rem;
- }
- .app-side-nav {
- width: 6rem;
- height:auto;
- .menu {
- display: none;
- }
- }
+ .sidebaractive input[type="checkbox"]:checked ~ #sidebarMenu li div span {
+ display: block;
+ }
+ .sidebaractive
+ input[type="checkbox"]:checked
+ ~ .sidebarIconToggle
+ > .horizontal {
+ opacity: 0;
+ }
+ .horizontal {
+ opacity: 1;
+ }
+ .diagonal.part-1 {
+ transform: rotate(0deg);
+ }
+ .diagonal.part-2 {
+ transform: rotate(180deg);
+ margin-top: -15px;
+ }
+ .sidebaractive
+ input[type="checkbox"]:checked
+ ~ .sidebarIconToggle
+ > .diagonal.part-1 {
+ transform: rotate(-135deg);
+ margin-top: 6px;
+ }
+ .sidebaractive
+ input[type="checkbox"]:checked
+ ~ .sidebarIconToggle
+ > .diagonal.part-2 {
+ transform: rotate(-45deg);
+ margin-top: -9px;
+ }
+}
- .sidebaractive {
- .app-content-wrapper {
- padding-left: 1rem !important;
- }
- .app-nav-bar {
- left: 6rem;
- }
- .app-side-nav {
- width: 90%;
- height:100%;
- padding-right: 1rem;
- .menu {
- display: block;
- }
- }
- .app-side-nav ul li div span {
- display: block;
- }
- .app-side-nav ul li {
- border-radius: 2rem;
- width: 100%;
- height: 4rem;
- transition: all 0.3s;
- }
- }
- }
+@media (max-width: 768px) {
+ .app-content-wrapper {
+ padding-left: 1rem !important;
+ }
+ .mainHeaderContent h1.leading-tight {
+ display: none;
+ }
+ .app-nav-bar {
+ left: 6rem;
+ }
+ .app-side-nav {
+ width: 6rem;
+ height:auto;
+ .menu {
+ display: none;
+ }
+ }
+
+ .sidebaractive {
+ .app-content-wrapper {
+ padding-left: 1rem !important;
+ }
+ .app-nav-bar {
+ left: 6rem;
+ }
+ .app-side-nav {
+ width: 90%;
+ height:100%;
+ padding-right: 1rem;
+ .menu {
+ display: block;
+ }
+ }
+ .app-side-nav ul li div span {
+ display: block;
+ }
+ .app-side-nav ul li {
+ border-radius: 2rem;
+ width: 100%;
+ height: 4rem;
+ transition: all 0.3s;
+ }
+ }
+}
-
+
+}
+html[data-theme="dark"][data-layout="cQubeDkR"] {
+ --cQ-theme-bg: #161616;
+ --cQ-theme-bg-shade: #232227;
+ --cQ-primary: #505af7;
+ --cQ-primary-contrast: #fff;
+ --cQcard-bg: #1b1a1f;
+ --cQcard-titleColor: #999;
+ --cQcard-contrast: #fff;
+ --cQcard-border: #27262a;
+ --cQcard-boxshadow: #111217;
+ --cQcard-btn-border: #363538;
+ --white: #232227;
+ --cQ-gray: #fff;
+ --cQ-gray-contrast: #333;
+ --cQ-gray555: #999;
+ --metaDatabox-bg: #232227;
+}
+
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
+ background-color: #c8d3eb;
+}
+
+::-webkit-scrollbar {
+ width: 0.25rem;
+ background-color: #c8d3eb;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #c8d3eb;
+ border: 0.125rem solid #c8d3eb;
}
- html[data-theme="dark"][data-layout="cQubeDkR"] {
- --cQ-theme-bg: #161616;
- --cQ-theme-bg-shade: #232227;
- --cQ-primary: #505af7;
- --cQ-primary-contrast: #fff;
- --cQcard-bg: #1b1a1f;
- --cQcard-titleColor: #999;
- --cQcard-contrast: #fff;
- --cQcard-border: #27262a;
- --cQcard-boxshadow: #111217;
- --cQcard-btn-border: #363538;
- --white: #232227;
- --cQ-gray: #fff;
- --cQ-gray-contrast: #333;
- --cQ-gray555: #999;
- --metaDatabox-bg: #232227;
- }
-
- ::-webkit-scrollbar-track {
- -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
- background-color: #c8d3eb;
- }
-
- ::-webkit-scrollbar {
- width: 0.25rem;
- background-color: #c8d3eb;
- }
-
- ::-webkit-scrollbar-thumb {
- background-color: #c8d3eb;
- border: 0.125rem solid #c8d3eb;
- }
-
\ No newline at end of file