Bibhuti-Solutions/new_raffles
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added CSS for the dashboard design similar to LMS and Heera

Browse Source
This commit is contained in:
Subash
2025-09-02 12:48:52 +05:45
parent 3666b749ea
commit f8f496077b
2 changed files with 45 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
public/assets/css/app.min.css vendored
View File

@@ -75,7 +75,7 @@
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
height: 70px;
height: 47px;
padding: 0 1.5rem 0 calc(1.5rem * 0.5);
}
@@ -206,7 +206,7 @@
}
.header-item {
height: 70px;
height: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -428,7 +428,7 @@
-webkit-box-shadow: var(--vz-page-title-box-shadow);
box-shadow: var(--vz-page-title-box-shadow);
border-bottom: 1px solid var(--vz-page-title-border);
margin: -23px -1.5rem 1.5rem -1.5rem;
margin: -45px -1.5rem 1.5rem -1.5rem;
}
.page-title-box .breadcrumb {
@@ -553,7 +553,7 @@
}
.page-content {
padding: calc(70px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
padding: calc(40px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
}
.navbar-menu {
@@ -579,10 +579,10 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.625rem 1.5rem;
/* color: var(--vz-vertical-menu-item-color); */
font-size: 0.9375rem;
font-family: hkgrotesk, sans-serif;
padding: 0.425rem 1.5rem;
color: var(--vz-vertical-menu-item-color);
font-size: 0.813rem;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.navbar-menu .navbar-nav .nav-link.active {
@@ -724,6 +724,7 @@
}
.navbar-brand-box {
margin-bottom: 20px;
padding: 0 1.3rem;
text-align: center;
-webkit-transition: all 0.1s ease-out;
@@ -4652,7 +4653,7 @@ code {
:root {
--vz-vertical-menu-bg: #405189;
--vz-vertical-menu-border: #405189;
--vz-vertical-menu-item-color: #abb9e8;
--vz-vertical-menu-item-color: #060606;
--vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
--vz-vertical-menu-item-hover-color: #fff;
--vz-vertical-menu-item-active-color: #fff;
@@ -4669,7 +4670,7 @@ code {
:root[data-sidebar="dark"] {
--vz-vertical-menu-bg: #fff;
--vz-vertical-menu-border: #fff;
--vz-vertical-menu-item-color: #6d7080;
--vz-vertical-menu-item-color: #000000;
--vz-vertical-menu-item-bg: rgba(64, 81, 137, 0.15);
--vz-vertical-menu-item-hover-color: #405189;
--vz-vertical-menu-item-active-color: #405189;
@@ -4686,7 +4687,7 @@ code {
[data-sidebar="gradient-2"],
[data-sidebar="gradient-3"],
[data-sidebar="gradient-4"]) {
--vz-vertical-menu-item-color: rgba(255, 255, 255, 0.5);
--vz-vertical-menu-item-color: rgba(0, 0, 0, 0.5);
--vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
--vz-vertical-menu-item-hover-color: #fff;
--vz-vertical-menu-item-active-color: #fff;
@@ -18519,4 +18520,4 @@ span.flatpickr-weekday {
right: -35px;
}
/*# sourceMappingURL=app.min.css.map */
/*# sourceMappingURL=app.min.css.map */

172
public/assets/css/custom.min.css vendored
View File

@@ -1,4 +1,17 @@
.dropify-message p {
a {
text-decoration: none !important;
}
.form-control {
background-color: #ffff;
}
.form-label {
font-size: 12px;
margin-bottom: 0px;
}
/* .dropify-message p {
font-size: 15px;
}
@@ -7,147 +20,26 @@ legend {
all: revert;
}
.upload__box {
padding: 5px;
.dropify-wrapper {
height: 100px;
}
.upload__btn-box {
margin-bottom: 10px;
fieldset.scheduler-border {
border: 1px groove #ddd !important;
padding: 0 1.4em 1.4em 1.4em !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
.upload__img-wrap {
display: flex;
flex-wrap: wrap;
}
.upload__img-box {
width: 125px;
margin-bottom: 12px;
}
.upload__img-close {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 10px;
right: 10px;
text-align: center;
line-height: 24px;
z-index: 1;
cursor: pointer;
}
.upload__img-close:after {
content: "\2716";
font-size: 14px;
color: white;
}
.img-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
padding-bottom: 100%;
}
.dark-login {
height: 50px;
}
.light-login {
height: 50px;
}
.fl-wrapper {
z-index: 99999;
}
.dashboard-switch {
position: relative;
display: inline-block;
width: 90px;
height: 34px;
}
.dashboard-switch input {
display: none;
}
.dashboard-switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ca2222;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.dashboard-switch .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
legend.scheduler-border {
font-size: 1.2em !important;
font-weight: semibold !important;
text-align: left !important;
width: auto;
padding: 0 10px;
border-bottom: none;
margin-top: -15px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.dashboard-switch input:checked + .slider {
background-color: #2ab934;
}
.dashboard-switch input:focus + .slider {
box-shadow: 0 0 1px #2196f3;
}
.dashboard-switch input:checked + .slider:before {
-webkit-transform: translateX(55px);
-ms-transform: translateX(55px);
transform: translateX(55px);
}
.dashboard-switch .on {
display: none;
}
.dashboard-switch .on,
.dashboard-switch .off {
color: white;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
font-size: 12px;
user-select: none;
}
.dashboard-switch .on{
left: 40%;
}
.dashboard-switch .off{
right: 10% !important;
}
.dashboard-switch input:checked + .slider .on {
display: block;
}
.dashboard-switch input:checked + .slider .off {
display: none;
}
.dashboard-switch .slider.round {
border-radius: 34px;
}
.dashboard-switch .slider.round:before {
border-radius: 50%;
}
color: black;
} */