calendar colors updated

master
Pedram Keshavarzi 3 years ago
parent 50fe4e5905
commit 91ba1c584c
  1. 18
      src/components/Calender/index.css

@ -75,14 +75,14 @@
font-size: 10px;
background: rgba(245, 245, 245, 0.53);
border:1px solid #DBDBDB;
box-shadow: 0 1em 4em rgba(0, 0, 0, 0.07);
box-shadow: 0 1em em rgba(0, 0, 0, 0.07);
border-radius: 1em;
position: relative;
user-select: none;
padding-top: 1.2em;
display: flex;
flex-direction: column;
width: 33em;
width: 36em;
z-index: 10;
max-width: 90vw;
min-height: 36.7em;
@ -518,7 +518,7 @@
display: block;
width: calc(100% / 7);
text-align: center;
padding: calc(0.25em - 1px) 0;
padding: calc(0.25em - 1px);
font-size: 1.6em;
border-radius: 11px;
transition: 0.2s;
@ -549,16 +549,16 @@
}
.Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover {
background: #eaeaea;
border-radius: 50%;
color: var(--cl-color-black);
border-color: transparent;
background-color: #DAFBFF;
color: #06BACE;
border:1px solid #06BACE;
}
.Calendar__day.-selected,
.Calendar__day.-selectedStart,
.Calendar__day.-selectedEnd {
background: var(--cl-color-primary);
background: #06BACE;
color: #fff;
}
@ -604,7 +604,7 @@
cursor: default !important;
}
.Calendar__day.-selected {
border-radius: 50%;
}
.Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {
font-weight: 600;

Loading…
Cancel
Save