style: wrap text to improve readability

betich · betich · commit fbc76a34a5d2 · 2022-06-27T22:46:58.000+07:00
diff --git a/src/components/schedule/schedule.module.scss b/src/components/schedule/schedule.module.scss
@@ -89,6 +89,8 @@ $py-body: 85;
     grid-template-columns: 1fr 3.5fr;
     grid-gap: calc(var(--width) / ((var(--gap) + 200)));
     padding-bottom: calc(var(--width) / 150);
+    white-space: pre-wrap;
+    line-height: 1.618;
   }
 
   > .schedule-text-container > .time {
diff --git a/src/utils/subjects.ts b/src/utils/subjects.ts
@@ -41,7 +41,7 @@ export const SubjectNames: Record<TSubjectId, string> = {
   AL_PHY: "A-Level ฟิสิกส์",
   AL_THAI: "A-Level ภาษาไทย",
   AL_SOC: "A-Level สังคมศึกษา",
-  AL_MATH1: "A-Level คณิตศาสตร์ประยุกต์ 1 (พื้ันฐาน + เพิ่มเติม)",
+  AL_MATH1: "A-Level คณิตศาสตร์ประยุกต์ 1\n(พื้ันฐาน + เพิ่มเติม)",
   AL_ENG: "A-Level ภาษาอังกฤษ",
   AL_CHEM: "A-Level เคมี",
   AL_MATH2: "A-Level คณิตศาสตร์ประยุกต์ 2 (พื้นฐาน)",

Original file line number	Diff line number	Diff line change
`@@ -89,6 +89,8 @@ $py-body: 85;`
`89`	`89`	`grid-template-columns: 1fr 3.5fr;`
`90`	`90`	`grid-gap: calc(var(--width) / ((var(--gap) + 200)));`
`91`	`91`	`padding-bottom: calc(var(--width) / 150);`
	`92`	`+ white-space: pre-wrap;`
	`93`	`+ line-height: 1.618;`
`92`	`94`	`}`
`93`	`95`
`94`	`96`	`> .schedule-text-container > .time {`