viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit fc82ac6677991998767f775a4856bce3b69415a7

Authored by Neeraj Sharma
1 parent 55f72b7d7d
Exists in master and in 3 other branches amber-development, development, ui-design

fix design and responsive dashboard School Management

Showing 9 changed files with 86 additions and 49 deletions   Show diff stats
src/pages/Class/addclass.vue
Diff comments   View file @fc82ac6
... ... @@ -75,7 +75,7 @@
75 75 <v-dialog v-model="dialog" max-width="500px">
76 76 <v-toolbar color="white">
77 77 <v-spacer></v-spacer>
78   - <v-toolbar-title>Edit Profile</v-toolbar-title>
  78 + <v-toolbar-title>Edit Class</v-toolbar-title>
79 79 <v-spacer></v-spacer>
80 80 </v-toolbar>
81 81 <v-card>
... ... @@ -557,6 +557,9 @@ h4 {
557 557 }
558 558 }
559 559 @media screen and (max-width: 380px) {
  560 + .pl-3 {
  561 + padding-left: 0px !important;
  562 + }
560 563 .right {
561 564 float: none !important;
562 565 }
... ...
src/pages/Event/event.vue
Diff comments   View file @fc82ac6
1 1 <template>
2 2 <v-app id="pages-dasboard">
3   - <v-toolbar class="fixcolors" fixed app>
  3 + <v-toolbar class="fixcolors" fixed app>
4 4 <v-toolbar-title class="ml-0 pl-3">
5 5 <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
6 6 </v-toolbar-title>
... ... @@ -76,7 +76,7 @@
76 76 <v-flex xs12 sm12 class>
77 77 <v-toolbar color="white">
78 78 <v-spacer></v-spacer>
79   - <v-toolbar-title>Edit Profile</v-toolbar-title>
  79 + <v-toolbar-title>Edit Event</v-toolbar-title>
80 80 <v-spacer></v-spacer>
81 81 </v-toolbar>
82 82 <v-card flat>
... ... @@ -107,37 +107,36 @@
107 107 </v-layout>
108 108 <v-layout>
109 109 <!-- <v-flex xs12 sm6> -->
110   - <v-layout>
111   - <v-flex xs4 class="pt-4 subheading">
112   - <label class="right">Title:</label>
113   - </v-flex>
114   - <v-flex xs6 class="ml-3">
115   - <v-text-field
116   - v-model="editedItem.title"
117   - placeholder="fill your Title"
118   - name="name"
119   - type="text"
120   - required
121   - ></v-text-field>
122   - </v-flex>
123   - </v-layout>
  110 + <v-layout>
  111 + <v-flex xs4 class="pt-4 subheading">
  112 + <label class="right">Title:</label>
  113 + </v-flex>
  114 + <v-flex xs6 class="ml-3">
  115 + <v-text-field
  116 + v-model="editedItem.title"
  117 + placeholder="fill your Title"
  118 + name="name"
  119 + type="text"
  120 + required
  121 + ></v-text-field>
  122 + </v-flex>
  123 + </v-layout>
124 124 <!-- </v-flex> -->
125 125 <!-- <v-flex xs12 sm6> -->
126   - <v-layout>
127   - <v-flex xs4 class="pt-4 subheading">
128   - <label class="right">Description:</label>
129   - </v-flex>
130   - <v-flex xs6 class="ml-3">
131   - <v-text-field
132   - placeholder="fill your Description"
133   - v-model="editedItem.description"
134   - type="text"
135   - name="email"
136   - required
137   - ></v-text-field>
138   - </v-flex>
139   - </v-layout>
140   - </v-layout>
  126 + <v-layout>
  127 + <v-flex xs4 class="pt-4 subheading">
  128 + <label class="right">Description:</label>
  129 + </v-flex>
  130 + <v-flex xs6 class="ml-3">
  131 + <v-text-field
  132 + placeholder="fill your Description"
  133 + v-model="editedItem.description"
  134 + type="text"
  135 + name="email"
  136 + required
  137 + ></v-text-field>
  138 + </v-flex>
  139 + </v-layout>
141 140 <v-flex xs12 sm9 offset-sm2>
142 141 <v-card-actions>
143 142 <v-btn round dark @click.native="close">Cancel</v-btn>
... ... @@ -356,7 +355,7 @@ export default {
356 355 mode: "",
357 356 timeout: 3000,
358 357 text: "",
359   - showLoader:false,
  358 + showLoader: false,
360 359 loading: false,
361 360 date: null,
362 361 search: "",
... ... @@ -386,7 +385,12 @@ export default {
386 385 value: "No"
387 386 },
388 387 { text: "Title", value: "title", sortable: false, align: "center" },
389   - { text: "Description", value: "description", sortable: false, align: "center" },
  388 + {
  389 + text: "Description",
  390 + value: "description",
  391 + sortable: false,
  392 + align: "center"
  393 + },
390 394 { text: "Action", value: "", sortable: false, align: "center" }
391 395 ],
392 396 desserts: [],
... ... @@ -690,6 +694,9 @@ h4 {
690 694 }
691 695 }
692 696 @media screen and (max-width: 380px) {
  697 + .pl-3 {
  698 + padding-left: 0px !important;
  699 + }
693 700 .right {
694 701 float: none !important;
695 702 }
... ...
src/pages/News/news.vue
Diff comments   View file @fc82ac6
... ... @@ -76,7 +76,7 @@
76 76 <v-flex xs12 sm12 class>
77 77 <v-toolbar color="white">
78 78 <v-spacer></v-spacer>
79   - <v-toolbar-title>Edit Profile</v-toolbar-title>
  79 + <v-toolbar-title>Edit News</v-toolbar-title>
80 80 <v-spacer></v-spacer>
81 81 </v-toolbar>
82 82 <v-card flat>
... ... @@ -706,6 +706,9 @@ export default {
706 706 };
707 707 </script>
708 708 <style scoped>
  709 +.pl-3 {
  710 + padding-left: 0px !important;
  711 +}
709 712 .v-tabs__div {
710 713 text-transform: none;
711 714 }
... ...
src/pages/Notification/notification.vue
Diff comments   View file @fc82ac6
... ... @@ -725,6 +725,9 @@ h4 {
725 725 } */
726 726 }
727 727 @media screen and (max-width: 420px) {
  728 + .pl-3 {
  729 + padding-left: 0px !important;
  730 + }
728 731 .userSearch .v-text-field .v-label {
729 732 line-height: 24px !important;
730 733 }
... ...
src/pages/Reminder/reminder.vue
Diff comments   View file @fc82ac6
... ... @@ -76,7 +76,7 @@
76 76 <v-flex xs12 sm12 class="">
77 77 <v-toolbar color="white">
78 78 <v-spacer></v-spacer>
79   - <v-toolbar-title>Edit Profile</v-toolbar-title>
  79 + <v-toolbar-title>Edit Reminder</v-toolbar-title>
80 80 <v-spacer></v-spacer>
81 81 </v-toolbar>
82 82 <v-card flat>
... ... @@ -683,6 +683,9 @@ h4 {
683 683 }
684 684 }
685 685 @media screen and (max-width: 380px) {
  686 + .pl-3 {
  687 + padding-left: 0px !important;
  688 + }
686 689 .right {
687 690 float: none !important;
688 691 }
... ...
src/pages/Section/section.vue
Diff comments   View file @fc82ac6
... ... @@ -65,7 +65,7 @@
65 65 v-model="snackbar"
66 66 color="success"
67 67 >{{ text }}</v-snackbar>
68   - <v-dialog v-model="dialog" max-width="500px">
  68 + <v-dialog v-model="dialog" max-width="600px">
69 69 <v-toolbar color="white">
70 70 <v-spacer></v-spacer>
71 71 <v-toolbar-title>Edit Section</v-toolbar-title>
... ... @@ -78,7 +78,7 @@
78 78 <v-flex xs12 sm9>
79 79 <v-form ref="forms" v-model="validEdit" lazy-validation>
80 80 <v-layout style="position:relative;">
81   - <v-flex xs4 class="pt-4 subheading">
  81 + <v-flex xs4 class="pt-4 subheading pl-3">
82 82 <label>Class Name:</label>
83 83 </v-flex>
84 84 <v-flex xs8>
... ... @@ -352,8 +352,6 @@ export default {
352 352 ],
353 353 desserts: [],
354 354 addclass:[],
355   - // addIncharge:[],
356   - // selectIncharge:'',
357 355 select:'',
358 356 selectId:'',
359 357 editedIndex: -1,
... ... @@ -641,6 +639,9 @@ h4 {
641 639 }
642 640 }
643 641 @media screen and (max-width: 380px) {
  642 +.pl-3 {
  643 + padding-left: 0px !important;
  644 +}
644 645 .right {
645 646 float: none !important;
646 647 }
... ...
src/pages/Students/students.vue
Diff comments   View file @fc82ac6
... ... @@ -76,7 +76,7 @@
76 76 <v-flex xs12 sm12 class="">
77 77 <v-toolbar color="white">
78 78 <v-spacer></v-spacer>
79   - <v-toolbar-title>Edit Profile</v-toolbar-title>
  79 + <v-toolbar-title>Edit Student Profile</v-toolbar-title>
80 80 <v-spacer></v-spacer>
81 81 </v-toolbar>
82 82 <v-card flat>
... ... @@ -1029,7 +1029,7 @@
1029 1029 label="Select Image"
1030 1030 @click="pickFile"
1031 1031 v-model="imageName"
1032   - prepend-icon="attach_file"
  1032 + append-icon="attach_file"
1033 1033 ></v-text-field>
1034 1034 </v-flex>
1035 1035 </v-layout>
... ... @@ -1797,6 +1797,9 @@ h4 {
1797 1797 }
1798 1798 }
1799 1799 @media screen and (max-width: 380px) {
  1800 + .pl-3 {
  1801 + padding-left: 0px !important;
  1802 + }
1800 1803 .right {
1801 1804 float: none !important;
1802 1805 }
... ...
src/pages/Teachers/teachers.vue
Diff comments   View file @fc82ac6
... ... @@ -70,11 +70,11 @@
70 70 v-model="snackbar"
71 71 color="success"
72 72 >{{ text }}</v-snackbar>
73   - <v-dialog v-model="dialog" max-width="1000px">
  73 + <v-dialog v-model="dialog" max-width="1100px">
74 74 <v-flex xs12 sm12 class="my-4">
75 75 <v-toolbar color="white">
76 76 <v-spacer></v-spacer>
77   - <v-toolbar-title>Edit Profile</v-toolbar-title>
  77 + <v-toolbar-title>Edit Teacher Profile</v-toolbar-title>
78 78 <v-spacer></v-spacer>
79 79 </v-toolbar>
80 80 <v-card flat>
... ... @@ -259,7 +259,7 @@
259 259 <v-flex xs12 sm6>
260 260 <v-layout>
261 261 <v-flex xs4 class="pt-4 subheading">
262   - <label class="right">Join Date</label>
  262 + <label class="right">Join Date:</label>
263 263 </v-flex>
264 264 <v-flex xs8 class="ml-3">
265 265 <v-menu
... ... @@ -308,7 +308,7 @@
308 308 <v-layout>
309 309 <v-flex xs12 sm12>
310 310 <v-layout>
311   - <v-flex xs3 class="pt-4 subheading pl-4" style="max-width: 17%;">
  311 + <v-flex xs3 class="pt-4 subheading pl-3" style="max-width: 17%;">
312 312 <label class>Present Address:</label>
313 313 </v-flex>
314 314 <v-flex xs12>
... ... @@ -765,7 +765,7 @@
765 765 label="Select Image"
766 766 @click="pickFile"
767 767 v-model="imageName"
768   - prepend-icon="attach_file"
  768 + append-icon="attach_file"
769 769 ></v-text-field>
770 770 <input
771 771 type="file"
... ... @@ -784,7 +784,7 @@
784 784 <v-flex xs3 class="pt-4 subheading pl-4" style="max-width: 17%;">
785 785 <label class>Present Address:</label>
786 786 </v-flex>
787   - <v-flex xs12>
  787 + <v-flex xs12 class="presentInput">
788 788 <v-text-field
789 789 name="input-4-3"
790 790 v-model="addTeachers.presentAddress"
... ... @@ -800,7 +800,7 @@
800 800 <v-flex xs3 class="pt-4 subheading" style="max-width: 17%;">
801 801 <label>Permanent Address:</label>
802 802 </v-flex>
803   - <v-flex xs12>
  803 + <v-flex xs12 class="presentInput">
804 804 <v-text-field
805 805 name="input-4-3"
806 806 v-model="addTeachers.permanentAddress"
... ... @@ -1480,7 +1480,11 @@ h4 {
1480 1480 margin-left: 20px;
1481 1481 }
1482 1482 }
  1483 +
1483 1484 @media screen and (max-width: 380px) {
  1485 + .pl-3 {
  1486 + padding-left: 0px !important;
  1487 + }
1484 1488 .right {
1485 1489 float: none !important;
1486 1490 }
... ... @@ -1491,6 +1495,9 @@ h4 {
1491 1495 margin: 0 0px;
1492 1496 min-width: 100px;
1493 1497 }
  1498 + .presentInput{
  1499 + padding-left:48px !important;
  1500 + }
1494 1501 /* .searchIcon .v-icon {
1495 1502 font-size: 20px;
1496 1503 margin-left: 20px;
... ... @@ -1501,6 +1508,10 @@ h4 {
1501 1508 h5 {
1502 1509 font-size: 13px;
1503 1510 }
  1511 + .pl-4{
  1512 + padding-left: 0px !important;
  1513 +
  1514 + }
1504 1515 }
1505 1516 .v-icon {
1506 1517 font-size: 30px;
... ...
src/pages/TimeTable/timeTable.vue
Diff comments   View file @fc82ac6
... ... @@ -1196,6 +1196,9 @@ h4 {
1196 1196 }
1197 1197 }
1198 1198 @media screen and (max-width: 380px) {
  1199 + .pl-3 {
  1200 + padding-left: 0px !important;
  1201 + }
1199 1202 .right {
1200 1203 float: none !important;
1201 1204 }
... ...