feat: add truncate

Noboomta · Jun 22, 2024 · bd7ec5f · bd7ec5f
1 parent 71f646d
commit bd7ec5f
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/pages/Schedule.vue b/src/pages/Schedule.vue
@@ -80,14 +80,14 @@
 							:key="`course-${courseIndex}`"
 						>
 							<div class="mb-2">
-								<p>{{ course.subject_code }}</p>
-								<p>[{{ course.time_from }} - {{ course.time_to }}]</p>
+								<p class="truncate">[{{ course.time_from }}-{{ course.time_to }}]</p>
+								<p class="truncate">{{ course.subject_code }}</p>
 							</div>
-							<p v-if="isCheck">{{ course.subject_name_en }}</p>
-							<p v-else>{{ course.subject_name_th }}</p>
+							<p class="truncate" v-if="isCheck">{{ course.subject_name_en }}</p>
+							<p class="truncate" v-else>{{ course.subject_name_th }}</p>
 							<div class="text-gray-700 text-xs">
-								<p v-if="isCheck">{{ course.room_name_en }} | {{ course.section_type_en }} {{ course.section_code }}</p>
-								<p v-else>{{ course.room_name_th }} | {{ course.section_type_th }} {{ course.section_code }}</p>
+								<p class="truncate" v-if="isCheck">{{ course.room_name_en }} | {{ course.section_type_en }} {{ course.section_code }}</p>
+								<p class="truncate" v-else>{{ course.room_name_th }} | {{ course.section_type_th }} {{ course.section_code }}</p>
 							</div>
 						</div>
 					</div>
@@ -176,7 +176,7 @@ export default {
 			createBy.className = 'mx-1 text-right block dark:text-white'
 			const options = {
 				type: 'dataURL',
-				windowWidth: '2560px',
+				windowWidth: 2560,
 			}
 			if (this.theme === 'dark') {
 				options.backgroundColor = '#111827'