diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/EditorLists.vue | 14 | ||||
| -rw-r--r-- | src/components/FileUpload.vue | 1 | ||||
| -rw-r--r-- | src/components/UIButton.vue | 1 |
3 files changed, 8 insertions, 8 deletions
diff --git a/src/components/EditorLists.vue b/src/components/EditorLists.vue index e802237..60c965c 100644 --- a/src/components/EditorLists.vue +++ b/src/components/EditorLists.vue @@ -1,7 +1,7 @@ <template> <div id="editor-lists"> <div class="column"> - <h3>Peer Teachers</h3> + <h3 class="column-header">Peer Teachers</h3> <List :items="peerTeachers" @selection-changed="handlePtClick" #default="pt"> <span class="list-item"> {{ pt.item.name }} <button @click.stop="deletePeerTeacher(pt.item.id)">x</button> @@ -9,7 +9,7 @@ </List> </div> <div class="column"> - <h3>Labs</h3> + <h3 class="column-header">Labs</h3> <List :items="compatibleLabs" #default="lab"> <span class="list-item"> {{ lab.item.fullInfo }} <button @click.stop="assignLab(lab.item.id)">+</button> @@ -17,7 +17,7 @@ </List> </div> <div class="column"> - <h3>Assignments</h3> + <h3 class="column-header">{{ this.selectedPeerTeacher.name }}</h3> <List :items="selectedPeerTeacherAssignments" #default="lab"> <span class="list-item"> {{ lab.item.fullInfo }} <button @click.stop="unassignLab(lab.item.id)">x</button> @@ -99,8 +99,7 @@ export default defineComponent({ min-height: 0; } -h3 { - color: white; +.column-header { margin: 0; } @@ -126,11 +125,14 @@ h3 { background-color: #500000; border: none; color: white; - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; } @media (prefers-color-scheme: dark) { + .column-header { + color: white; + } + .list-item { background-color: #303030; color: white; diff --git a/src/components/FileUpload.vue b/src/components/FileUpload.vue index a70e18d..9318d63 100644 --- a/src/components/FileUpload.vue +++ b/src/components/FileUpload.vue @@ -29,7 +29,6 @@ export default { .file-upload-lbl { background-color: #500000; color: white; - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 0.5em; text-align: center; } diff --git a/src/components/UIButton.vue b/src/components/UIButton.vue index 59f4686..57b155b 100644 --- a/src/components/UIButton.vue +++ b/src/components/UIButton.vue @@ -15,7 +15,6 @@ export default defineComponent({ background-color: #500000; border: none; color: white; - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; padding: 0.5em; } |
