fixed dropdowns

Author: andxu282

src/components/ScheduleGenerate/ScheduleGenerateSideBar.vue

@@ -46,7 +46,7 @@
         <button
           class="add-requirement-button"
           @click="addRequirement"
-          :disabled="Object.keys(availableRequirements).length === 0"
+          :disabled="requirements.length === numberOfRequirements"
         >
           + Requirement
         </button>
@@ -76,6 +76,7 @@ export default defineComponent({
   data(): {
     requirements: string[];
     availableRequirements: Record<string, string>;
+    numberOfRequirements: number;
   } {
     return {
       requirements: [],
@@ -84,6 +85,7 @@ export default defineComponent({
         'Probability Requirement': 'Probability Requirement',
         'Liberal Studies': 'Liberal Studies',
       },
+      numberOfRequirements: 3,
     };
   },
   components: {
@@ -305,4 +307,10 @@ export default defineComponent({
   font-size: 16px;
   align-items: center;
 }
+
+.add-requirement-button:disabled {
+  border: 1px solid $inactiveGray;
+  background: $inactiveGray;
+  cursor: not-allowed;
+}
 </style>