reza merged Footer

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: 40em;
     z-index: 10;
     max-width: 90vw;
     min-height: 36.7em;
@@ -193,6 +193,7 @@
     transform: translateZ(0);
     transition: var(--animation-duration);
     line-height: 1;
+    color:#246E8A;
   }
   
   .Calendar__monthYear.-hiddenNext {
@@ -518,12 +519,12 @@
     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;
     border: 1px solid transparent;
-    margin: 0.3em;
+    margin:0.2em;
     color: rgba(0, 0, 0, 0.8);
     display: flex;
     justify-content: center;
@@ -549,16 +550,16 @@
   }
   
   .Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover {
-    background: #eaeaea;
+    
-    border-radius: 50%;
+    background-color: #DAFBFF;
-    color: var(--cl-color-black);
+    color: #06BACE;
-    border-color: transparent;
+    border:1px solid #06BACE;
   }
   
   .Calendar__day.-selected,
   .Calendar__day.-selectedStart,
   .Calendar__day.-selectedEnd {
-    background: var(--cl-color-primary);
+    background: #06BACE;
     color: #fff;
   }
   
@@ -604,7 +605,7 @@
     cursor: default !important;
   }
   .Calendar__day.-selected {
-    border-radius: 50%;
+   
   }
   .Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {
     font-weight: 600;

src/redux/data.js

@@ -446,12 +446,15 @@ const components = [
   },
   {
     name : "Calender",
-    props: [],
+    author: "Keshavarzi",
+    props : [
+
+    ],
     content : {
       name : "Calender",
       component : <Calender />,
       code : null,
-    },
+    }
   },
   {
     name: "Navbar",