feat: new course ui

lms/public/css/style.css

@@ -376,16 +376,17 @@ input[type=checkbox] {
 }
 
 .chapter-title {
-  cursor: pointer;
-  border-radius: var(--border-radius-lg);
-  padding: 0.5rem 0;
-  color: var(--gray-900);
-  display: flex;
-  align-items: center;
+    cursor: pointer;
+    border-radius: var(--border-radius-lg);
+    padding: 0.5rem 0;
+    color: var(--gray-900);
+    display: flex;
+    align-items: center;
 }
 
 .chapter-description {
-  margin: 0 2rem 0.5rem;
+    color: var(--gray-900);
+    font-size: var(--text-sm);
 }
 
 .course-content-parent .chapter-description {
@@ -1500,3 +1501,30 @@ li {
         margin-top: 1rem;
     }
 }
+
+[contenteditable] {
+    border: 1px solid var(--gray-400);
+    padding: 0.5rem;
+    border-radius: var(--border-radius);
+}
+
+[contenteditable] {
+    outline: none;
+}
+
+[contenteditable]:empty:before{
+    content: attr(data-placeholder);
+    color: var(--gray-600);
+}
+
+.course-image-attachment {
+    margin-top: 1rem;
+    border: 1px solid var(--gray-400);
+    border-radius: var(--border-radius);
+    padding: 0.25rem 0.5rem;
+    width: fit-content;
+}
+
+.btn-delete-tag {
+    cursor: pointer;
+}