135 lines
2.5 KiB
SCSS
Executable File
135 lines
2.5 KiB
SCSS
Executable File
.v-app-bar {
|
|
.v-toolbar__content {
|
|
padding: 0 20px 0 20px;
|
|
display: flex;
|
|
gap:8px;
|
|
|
|
>.v-btn:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
.v-btn {
|
|
&.custom-hover-primary{
|
|
.iconify{
|
|
color: rgba(var(--v-theme-textPrimary), 0.7) !important;
|
|
}
|
|
&:hover{
|
|
background-color: rgb(var(--v-theme-lightprimary)) ;
|
|
.iconify{
|
|
color: rgb(var(--v-theme-primary)) !important;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
.mobile_popup{
|
|
.v-btn {
|
|
&.custom-hover-primary{
|
|
.iconify{
|
|
color: rgba(var(--v-theme-textPrimary), 0.7) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.custom-text-primary {
|
|
&:hover {
|
|
.custom-title {
|
|
color: rgb(var(--v-theme-primary)) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width:1279px) {
|
|
.mini-sidebar {
|
|
.v-navigation-drawer.v-navigation-drawer--left {
|
|
width: 260px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.feature-topbar {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 15;
|
|
background: linear-gradient(90deg, #001138 0%, #001E66 100%);
|
|
|
|
|
|
.text-linear-gradient {
|
|
background: linear-gradient(90deg, #FFFFFF 0%, #3772FF 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
|
|
|
|
}
|
|
|
|
.border-blue {
|
|
border-radius: 9px;
|
|
border: 1px solid rgb(236, 240, 242, 0.5);
|
|
|
|
}
|
|
|
|
.purple-btn {
|
|
background-color: #8D70F8;
|
|
border-radius: 9px;
|
|
|
|
&:hover {
|
|
background-color: #714BFF;
|
|
}
|
|
|
|
}
|
|
|
|
.green-btn {
|
|
background-color: #B3F143;
|
|
border-radius: 9px;
|
|
|
|
&:hover {
|
|
background-color: #90DE03;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.top-header{
|
|
position: relative !important;
|
|
z-index: 0 !important;
|
|
}
|
|
|
|
.topbar-links {
|
|
.v-btn {
|
|
&:hover {
|
|
background-color: rgba(var(--v-theme-primary));
|
|
}
|
|
}
|
|
}
|
|
|
|
.topbar-links {
|
|
a {
|
|
text-decoration: none;
|
|
color: rgba(var(--v-theme-surface));
|
|
|
|
&:hover {
|
|
color: rgba(var(--v-theme-primary)) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.border,
|
|
.v-divider {
|
|
border-color: rgba(var(--v-border-color), 1) !important;
|
|
}
|
|
|
|
.lh-0{
|
|
line-height: 0;
|
|
}
|
|
.lh-normal{
|
|
line-height: normal;
|
|
} |