MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

label color fixed

Browse Source
This commit is contained in:
victorAnumudu
2025-01-24 15:08:43 +01:00
parent fcde22d4cb
commit b2b0bf8af6
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/calendar/Calendar.jsx
+2 -2
View File
@@ -94,10 +94,10 @@ export default function Calendar(){
// > // >
// <span>{item.description}</span> // <span>{item.description}</span>
// </div> // </div>
<div key={index} className={`fc-event form-check ${color}`}> <div key={index} className={`form-check ${color}`}>
<input className="form-check-input" type="radio" value={item.cid} <input className="form-check-input" type="radio" value={item.cid}
id={item.cid} name='category' checked={item.cid == activeCategory} onChange={() => handleActiveCategory(item.cid)} /> id={item.cid} name='category' checked={item.cid == activeCategory} onChange={() => handleActiveCategory(item.cid)} />
<label className={`${color} form-check-label`} htmlFor={item.cid}> <label className={`w-100 form-check-label`} htmlFor={item.cid}>
{item.description} {item.description}
</label> </label>
</div> </div>
src/css/calendar/_calendar.scss
+12
View File
@@ -50,6 +50,9 @@
&-primary { &-primary {
@include hex-rgba($primary, 0.2); @include hex-rgba($primary, 0.2);
color:$primary; color:$primary;
& label {
color:$primary;
}
&:before { &:before {
@include hex-rgba($primary, 0.8); @include hex-rgba($primary, 0.8);
} }
@@ -60,6 +63,9 @@
&-warning { &-warning {
@include hex-rgba($warning, 0.2); @include hex-rgba($warning, 0.2);
color:$warning; color:$warning;
& label {
color:$warning;
}
&:before { &:before {
@include hex-rgba($warning, 0.8); @include hex-rgba($warning, 0.8);
} }
@@ -70,6 +76,9 @@
&-danger { &-danger {
@include hex-rgba($danger, 0.2); @include hex-rgba($danger, 0.2);
color:$danger; color:$danger;
& label {
color:$danger;
}
&:before { &:before {
@include hex-rgba($danger, 0.8); @include hex-rgba($danger, 0.8);
} }
@@ -80,6 +89,9 @@
&-success { &-success {
@include hex-rgba($success, 0.2); @include hex-rgba($success, 0.2);
color:$success; color:$success;
& label {
color:$success;
}
&:before { &:before {
@include hex-rgba($success, 0.8); @include hex-rgba($success, 0.8);
} }