Commit ca81e3c3d301037ec141092842022d451a026c6f

Authored by Neeraj Sharma
1 parent 0551a0f15e

fixed exam design

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>
... ...