employeeReport

src/pages/PartnerEmployeeReport/partnerEmployeeReport.scss

@@ -0,0 +1,70 @@
+.employeeReport {
+  background: #F1F1F1;
+  height: 100%;
+  min-height: 100vh;
+  font-family: "LabGrotesque", sans-serif;
+
+  .container {
+    margin-top: 23px;
+  }
+
+  &__info {
+    padding: 10px 15px;
+    background: white;
+    display: flex;
+    border-radius: 15px;
+    column-gap: 15px;
+    align-items: center;
+  }
+
+  &__name {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+    width: 100%;
+    h2 {
+      font-size: 20px;
+      margin-bottom: 0;
+    }
+
+    p {
+      font-size: 15px;
+    }
+  }
+
+  &__skills {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 7px;
+    width: 100%;
+
+    span {
+      font-size: 12px;
+      line-height: 14px;
+      color: #263238;
+      background: #8DC63F;
+      border-radius: 12px;
+      padding: 5px;
+      max-width: 130px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      padding: 0 10px;
+    }
+  }
+
+  &__calendar {
+    width: 100%;
+  }
+
+  &__wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 620px;
+  }
+
+  &__loader {
+    margin: 20px;
+  }
+}