Commit ca81e3c3d301037ec141092842022d451a026c6f
1 parent
0551a0f15e
Exists in
master
and in
3 other branches
fixed exam design
Showing
3 changed files
with
42 additions
and
39 deletions
Show diff stats
src/pages/Exam/exam.vue
... | ... | @@ -17,7 +17,7 @@ |
17 | 17 | class="subheading" |
18 | 18 | >Add Exam</v-tab> |
19 | 19 | |
20 | - <!-- ****** EDIT EXAM A BOOK ****** --> | |
20 | + <!-- ****** EDIT EXAM ****** --> | |
21 | 21 | |
22 | 22 | <v-tab-item> |
23 | 23 | <v-snackbar |
... | ... | @@ -28,7 +28,7 @@ |
28 | 28 | v-model="snackbar" |
29 | 29 | color="success" |
30 | 30 | >{{ text }}</v-snackbar> |
31 | - <v-dialog v-model="dialog" max-width="1000px" scrollable> | |
31 | + <v-dialog v-model="dialog" max-width="600px" scrollable> | |
32 | 32 | <v-card flat> |
33 | 33 | <v-toolbar class="grey lighten-2" flat> |
34 | 34 | <v-spacer></v-spacer> |
... | ... | @@ -37,7 +37,7 @@ |
37 | 37 | </v-toolbar-title> |
38 | 38 | <v-spacer></v-spacer> |
39 | 39 | </v-toolbar> |
40 | - <v-card-text style="height:600px;"> | |
40 | + <v-card-text style="height:360px;"> | |
41 | 41 | <v-form ref="form"> |
42 | 42 | <v-container fluid> |
43 | 43 | <v-layout> |
... | ... | @@ -242,9 +242,12 @@ |
242 | 242 | <v-flex xs12> |
243 | 243 | <v-layout> |
244 | 244 | <v-flex xs4 class="pt-4 subheading"> |
245 | - <label class="right">Exam Name:</label> | |
245 | + <label class="right hidden-xs-only">Exam Name:</label> | |
246 | + <label | |
247 | + class="right hidden-sm-only hidden-md-only hidden-lg-only hidden-xl-only" | |
248 | + >ExamName:</label> | |
246 | 249 | </v-flex> |
247 | - <v-flex xs4 class="ml-3"> | |
250 | + <v-flex xs8 sm6 md4 class="ml-3"> | |
248 | 251 | <v-text-field |
249 | 252 | placeholder="fill your Exam Name" |
250 | 253 | :rules="authorRules" |
... | ... | @@ -258,7 +261,7 @@ |
258 | 261 | <v-flex xs4 class="pt-4 subheading"> |
259 | 262 | <label class="right">Date:</label> |
260 | 263 | </v-flex> |
261 | - <v-flex xs4 class="ml-3"> | |
264 | + <v-flex xs8 sm6 md4 class="ml-3"> | |
262 | 265 | <v-menu |
263 | 266 | ref="menu2" |
264 | 267 | :close-on-content-click="false" |
... | ... | @@ -291,7 +294,7 @@ |
291 | 294 | <v-flex xs4 class="pt-4 subheading"> |
292 | 295 | <label class="right">Note:</label> |
293 | 296 | </v-flex> |
294 | - <v-flex xs4 class="ml-3"> | |
297 | + <v-flex xs8 sm6 md4 class="ml-3"> | |
295 | 298 | <v-text-field |
296 | 299 | placeholder="fill your Note" |
297 | 300 | :rules="noteRules" |
... | ... | @@ -304,7 +307,7 @@ |
304 | 307 | <v-flex xs12 sm6 offset-sm3> |
305 | 308 | <v-card-actions> |
306 | 309 | <v-btn @click="clear" round dark>clear</v-btn> |
307 | - <v-spacer></v-spacer> | |
310 | + <v-spacer class="hidden-xs-only"></v-spacer> | |
308 | 311 | <v-btn @click="submit" round dark :loading="loading">Add</v-btn> |
309 | 312 | </v-card-actions> |
310 | 313 | </v-flex> | ... | ... |
src/pages/Exam/examSchedule.vue
... | ... | @@ -37,7 +37,7 @@ |
37 | 37 | </v-toolbar-title> |
38 | 38 | <v-spacer></v-spacer> |
39 | 39 | </v-toolbar> |
40 | - <v-card-text style="height:470px;"> | |
40 | + <v-card-text style="height:670px;"> | |
41 | 41 | <v-form ref="form"> |
42 | 42 | <v-container fluid> |
43 | 43 | <v-layout> |
... | ... | @@ -447,10 +447,10 @@ |
447 | 447 | <v-container fluid> |
448 | 448 | <v-flex xs12> |
449 | 449 | <v-layout> |
450 | - <v-flex xs4 class="pt-4 subheading"> | |
450 | + <v-flex xs5 class="pt-4 subheading"> | |
451 | 451 | <label class="right">Exam Name:</label> |
452 | 452 | </v-flex> |
453 | - <v-flex xs4 class="ml-3"> | |
453 | + <v-flex xs7 sm4 class="ml-3"> | |
454 | 454 | <v-select |
455 | 455 | label="Select your Exam Name" |
456 | 456 | :rules="examNameRules" |
... | ... | @@ -464,10 +464,10 @@ |
464 | 464 | </v-flex> |
465 | 465 | <v-flex xs12> |
466 | 466 | <v-layout> |
467 | - <v-flex xs4 class="pt-4 subheading"> | |
467 | + <v-flex xs5 class="pt-4 subheading"> | |
468 | 468 | <label class="right">Class:</label> |
469 | 469 | </v-flex> |
470 | - <v-flex xs4 class="ml-3"> | |
470 | + <v-flex xs7 sm4 class="ml-3"> | |
471 | 471 | <v-select |
472 | 472 | v-model="addSchedule.classId" |
473 | 473 | label="Select your class" |
... | ... | @@ -484,10 +484,10 @@ |
484 | 484 | </v-flex> |
485 | 485 | <v-flex xs12> |
486 | 486 | <v-layout> |
487 | - <v-flex xs4 class="pt-4 subheading"> | |
487 | + <v-flex xs5 class="pt-4 subheading"> | |
488 | 488 | <label class="right">Section:</label> |
489 | 489 | </v-flex> |
490 | - <v-flex xs4 class="ml-3"> | |
490 | + <v-flex xs7 sm4 class="ml-3"> | |
491 | 491 | <v-select |
492 | 492 | :items="addSection" |
493 | 493 | label="Select Section" |
... | ... | @@ -503,10 +503,10 @@ |
503 | 503 | </v-flex> |
504 | 504 | <v-flex xs12> |
505 | 505 | <v-layout> |
506 | - <v-flex xs4 class="pt-4 subheading"> | |
506 | + <v-flex xs5 class="pt-4 subheading"> | |
507 | 507 | <label class="right">Subject Name:</label> |
508 | 508 | </v-flex> |
509 | - <v-flex xs4 class="ml-3"> | |
509 | + <v-flex xs7 sm4 class="ml-3"> | |
510 | 510 | <v-select |
511 | 511 | :items="subjects" |
512 | 512 | label="Select Section" |
... | ... | @@ -522,10 +522,10 @@ |
522 | 522 | </v-flex> |
523 | 523 | <v-flex xs12> |
524 | 524 | <v-layout> |
525 | - <v-flex xs4 class="pt-4 subheading"> | |
525 | + <v-flex xs5 class="pt-4 subheading"> | |
526 | 526 | <label class="right">Date:</label> |
527 | 527 | </v-flex> |
528 | - <v-flex xs4 class="ml-3"> | |
528 | + <v-flex xs7 sm4 class="ml-3"> | |
529 | 529 | <v-menu |
530 | 530 | ref="menu2" |
531 | 531 | :close-on-content-click="false" |
... | ... | @@ -555,10 +555,10 @@ |
555 | 555 | </v-flex> |
556 | 556 | <v-flex xs12> |
557 | 557 | <v-layout> |
558 | - <v-flex xs4 class="pt-4 subheading"> | |
558 | + <v-flex xs5 class="pt-4 subheading"> | |
559 | 559 | <label class="right">Time From:</label> |
560 | 560 | </v-flex> |
561 | - <v-flex xs4 class="ml-3"> | |
561 | + <v-flex xs7 sm4 class="ml-3"> | |
562 | 562 | <v-menu |
563 | 563 | ref="menuA" |
564 | 564 | :close-on-content-click="false" |
... | ... | @@ -589,10 +589,10 @@ |
589 | 589 | </v-flex> |
590 | 590 | <v-flex xs12> |
591 | 591 | <v-layout> |
592 | - <v-flex xs4 class="pt-4 subheading"> | |
592 | + <v-flex xs5 class="pt-4 subheading"> | |
593 | 593 | <label class="right">Time To:</label> |
594 | 594 | </v-flex> |
595 | - <v-flex xs4 class="ml-3"> | |
595 | + <v-flex xs7 sm4 class="ml-3"> | |
596 | 596 | <v-menu |
597 | 597 | ref="menu" |
598 | 598 | :close-on-content-click="false" |
... | ... | @@ -623,10 +623,10 @@ |
623 | 623 | </v-flex> |
624 | 624 | <v-flex xs12> |
625 | 625 | <v-layout> |
626 | - <v-flex xs4 class="pt-4 subheading"> | |
626 | + <v-flex xs5 class="pt-4 subheading"> | |
627 | 627 | <label class="right">Room:</label> |
628 | 628 | </v-flex> |
629 | - <v-flex xs4 class="ml-3"> | |
629 | + <v-flex xs7 sm4 class="ml-3"> | |
630 | 630 | <v-text-field |
631 | 631 | placeholder="fill your room" |
632 | 632 | :rules="roomRules" |
... | ... | @@ -637,10 +637,10 @@ |
637 | 637 | </v-layout> |
638 | 638 | </v-flex> |
639 | 639 | <v-layout> |
640 | - <v-flex xs12 sm6 offset-sm3> | |
640 | + <v-flex xs12 sm7 offset-sm3> | |
641 | 641 | <v-card-actions> |
642 | 642 | <v-btn @click="clear" round dark>clear</v-btn> |
643 | - <v-spacer></v-spacer> | |
643 | + <v-spacer class="hidden-xs-only"></v-spacer> | |
644 | 644 | <v-btn @click="submit" round dark :loading="loading">Add</v-btn> |
645 | 645 | </v-card-actions> |
646 | 646 | </v-flex> | ... | ... |
src/pages/Exam/grade.vue
... | ... | @@ -275,10 +275,10 @@ |
275 | 275 | <v-container fluid> |
276 | 276 | <v-flex xs12> |
277 | 277 | <v-layout> |
278 | - <v-flex xs4 class="pt-4 subheading"> | |
278 | + <v-flex xs5 class="pt-4 subheading"> | |
279 | 279 | <label class="right">Grade Name:</label> |
280 | 280 | </v-flex> |
281 | - <v-flex xs4 class="ml-3"> | |
281 | + <v-flex xs7 sm4 class="ml-3"> | |
282 | 282 | <v-text-field |
283 | 283 | placeholder="fill your Grade Name" |
284 | 284 | :rules="gradeNameRules" |
... | ... | @@ -289,10 +289,10 @@ |
289 | 289 | </v-flex> |
290 | 290 | <v-flex xs12> |
291 | 291 | <v-layout> |
292 | - <v-flex xs4 class="pt-4 subheading"> | |
292 | + <v-flex xs5 class="pt-4 subheading"> | |
293 | 293 | <label class="right">Grade Point:</label> |
294 | 294 | </v-flex> |
295 | - <v-flex xs4 class="ml-3"> | |
295 | + <v-flex xs7 sm4 class="ml-3"> | |
296 | 296 | <v-text-field |
297 | 297 | placeholder="fill your Grade Point" |
298 | 298 | v-model="addGrade.gradePoint" |
... | ... | @@ -303,10 +303,10 @@ |
303 | 303 | </v-flex> |
304 | 304 | <v-flex xs12> |
305 | 305 | <v-layout> |
306 | - <v-flex xs4 class="pt-4 subheading"> | |
306 | + <v-flex xs5 class="pt-4 subheading"> | |
307 | 307 | <label class="right">Mark From:</label> |
308 | 308 | </v-flex> |
309 | - <v-flex xs4 class="ml-3"> | |
309 | + <v-flex xs7 sm4 class="ml-3"> | |
310 | 310 | <v-text-field |
311 | 311 | placeholder="fill your Mark From" |
312 | 312 | :rules="markFromRules" |
... | ... | @@ -317,10 +317,10 @@ |
317 | 317 | </v-flex> |
318 | 318 | <v-flex xs12> |
319 | 319 | <v-layout> |
320 | - <v-flex xs4 class="pt-4 subheading"> | |
320 | + <v-flex xs5 class="pt-4 subheading"> | |
321 | 321 | <label class="right">Mark Upto:</label> |
322 | 322 | </v-flex> |
323 | - <v-flex xs4 class="ml-3"> | |
323 | + <v-flex xs7 sm4 class="ml-3"> | |
324 | 324 | <v-text-field |
325 | 325 | placeholder="fill your Mark Upto" |
326 | 326 | :rules="markUptoRules" |
... | ... | @@ -331,10 +331,10 @@ |
331 | 331 | </v-flex> |
332 | 332 | <v-flex xs12> |
333 | 333 | <v-layout> |
334 | - <v-flex xs4 class="pt-4 subheading"> | |
334 | + <v-flex xs5 class="pt-4 subheading"> | |
335 | 335 | <label class="right">Note:</label> |
336 | 336 | </v-flex> |
337 | - <v-flex xs4 class="ml-3"> | |
337 | + <v-flex xs7 sm4 class="ml-3"> | |
338 | 338 | <v-text-field |
339 | 339 | placeholder="fill your Note" |
340 | 340 | :rules="noteRules" |
... | ... | @@ -345,10 +345,10 @@ |
345 | 345 | </v-layout> |
346 | 346 | </v-flex> |
347 | 347 | <v-layout> |
348 | - <v-flex xs12 sm6 offset-sm3> | |
348 | + <v-flex xs12 sm7 offset-sm3> | |
349 | 349 | <v-card-actions> |
350 | 350 | <v-btn @click="clear" round dark>clear</v-btn> |
351 | - <v-spacer></v-spacer> | |
351 | + <v-spacer class="hidden-xs-only"></v-spacer> | |
352 | 352 | <v-btn @click="submit" round dark :loading="loading">Add</v-btn> |
353 | 353 | </v-card-actions> |
354 | 354 | </v-flex> | ... | ... |