fix: ui and removed mockup

community/public/css/style.css

@@ -32,107 +32,10 @@
   --text-3xl: 22px;
 }
 
-body {
-  padding: 0px;
-  margin: 0px;
-}
-
-.chapter-plan {
-  border-radius: 10px;
-  margin: 20px 0px;
-  padding: 20px;
-  border: 1px solid #ddc;
-  background: white;
-}
-
-.chapter-plan h3 {
-  font-size: 1.1em;
-  font-weight: bold;
-}
-
-.batch {
-  border-radius: 10px;
-  margin: 10px 0px;
-  background: white;
-  box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
-  border: 1px solid #ddc;
-}
-
-.batch-details {
-  padding: 20px;
-}
-
-.batch .cta {
-  margin-top: 10px;
-  padding: 10px;
-  min-height: 28px;
-  text-align: right;
-  border-top: 1px solid #ddc;
-}
-
-.batch .right {
-  float: right;
-}
-
-img.profile-photo {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-}
-
-.lesson-type {
-  padding-right: 5px;
-}
-
-section {
-  padding: 5rem 0 5rem 0;
-}
-
-.batch-header {
-  background: #eee;
-  border: 2px solid #ddd;
-}
-
-.page-card {
-  max-width: 360px;
-  padding: 15px;
-  margin: 70px auto;
-  border: 1px solid #d1d8dd;
-  border-radius: 8px;
-  background-color: #fff;
-  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
-}
-
-.page-card .page-card-head {
-  padding: 10px 15px;
-  margin: -15px;
-  margin-bottom: 15px;
-  border-bottom: 1px solid #d1d8dd;
-}
-
-.page-card .page-card-head .indicator {
-  color: #36414C;
-  font-size: 14px;
-}
-
-.page-card .page-card-head .indicator::before {
-  margin: 0 6px 0.5px 0px;
-}
-
-.page-card .btn {
-  margin-top: 30px;
-}
-
 input[type=checkbox] {
   appearance: auto;
 }
 
-.progress-image {
-  margin-right: 3px;
-  border-radius: 50px;
-  padding: 5px;
-}
-
 .course-image {
   height: 168px;
   width: 100%;
@@ -272,13 +175,11 @@ input[type=checkbox] {
 
 .view-course-link {
   height: 32px;
-  background: var(--button-background);
   border-radius: 4px;
   font-size: 12px;
   padding: 8px 0px 8px;
   text-align: center;
   line-height: 135%;
-  color: var(--text-color);
 }
 
 .cards-parent {
@@ -578,8 +479,8 @@ input[type=checkbox] {
 }
 
 .is-default {
-  background: #98A1A9;
-  color: #ffffff;
+  background: #F4F5F6;
+  color: #1F272E;
 }
 
 @media (max-width: 600px) {

community/public/icons/slash.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C17.5228 22 22 17.5229 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22Z" stroke="#4C5A67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 4.93005L19.14 19.0701" stroke="#4C5A67" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>