feat: assessment tab in class

lms/public/css/style.css

@@ -4,6 +4,10 @@
 	--text-4xl: 36px;
 }
 
+body {
+	font-size: var(--text-base);
+}
+
 .nav-link .course-list-count {
 	border-radius: var(--border-radius-md);
 	padding: 0 0.3rem;
@@ -86,6 +90,14 @@
 	outline: none;
 }
 
+.field-input .form-control {
+	color: initial;
+	background-color: inherit;
+	padding: 0;
+	height: inherit;
+	cursor: pointer;
+}
+
 .field-group {
 	margin-bottom: 1.5rem;
 }
@@ -103,11 +115,26 @@
 }
 
 .image-preview {
-	width: 280px;
-	height: 178px;
-	border-radius: var(--border-radius-sm);
+	width: 100%;
+	height: 100%;
+	border: none;
+}
+
+.file-source-preview {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	width: 100%;
+	height: 250px;
 	border: 1px solid var(--gray-300);
-	margin-top: 1rem;
+	border-radius: var(--border-radius-md);
+}
+
+.file-source-preview .btn-close {
+	position: absolute;
+	top: 5%;
+	right: 5%;
 }
 
 textarea.field-input {
@@ -119,7 +146,7 @@ textarea.field-input {
 	border-bottom: 1px solid var(--gray-300);
 }
 
-.common-card-style .outline-lesson:last-of-type {
+.outline-lesson:last-of-type {
 	border-bottom: none;
 }
 
@@ -173,6 +200,7 @@ textarea.field-input {
 .clickable {
 	color: var(--gray-900);
 	font-weight: 500;
+	cursor: pointer;
 }
 
 .clickable:hover {
@@ -328,7 +356,6 @@ input[type=checkbox] {
 
 .icon {
   margin: 0;
-  margin-right: 0.25rem;
 }
 
 .lesson-links .icon {
@@ -1876,10 +1903,6 @@ li {
 	padding: 0 1rem !important;
 }
 
-.modal-content {
-	font-size: var(--text-sm) !important;
-}
-
 .modal-header, .modal-body {
 	margin-bottom: 0.5rem !important;
 }
@@ -2155,4 +2178,8 @@ select {
 
 .list-row:last-child {
 	border-bottom: none;
+}
+
+.fill-width-twice {
+	flex: 2;
 }