icon

resources/js/vue/views/Package/AddEdit.vue

@@ -2,25 +2,29 @@
 	<v-form ref="form">
 		<v-container grid-list-xs fluid>
 			<material-card color="black" title="Add Package">
-				<v-layout align-center justify-center wrap class="px-5 my-3">
-					<v-flex xs12 sm6 md4>
-						<v-text-field
-							name="name"
-							label="Name"
-							color="black"
-							v-model="formData.name"
-							:rules="[rules.required, rules.counter]"
-							class="pa-2"
-						></v-text-field>
+				<v-layout wrap class="px-5 my-3">
+					<v-flex xs12 md3 sm3 class="WM-FlexCenter">
+							<v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
+							<v-text-field
+								name="name"
+								label="Name"
+								color="black"
+								v-model="formData.name"
+								:rules="[rules.required, rules.counter]"
+								class="py-3 pr-3"
+							></v-text-field>
 					</v-flex>
-					<v-flex xs12 sm6 md8>
+					<v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
+						<v-icon class="fas fa-check mr-2 WM-Margin-B-8"></v-icon>
 						<v-autocomplete
 							multiple
+							class="py-3 pr-3"
 							:items="items"
 							item-text="name"
 							v-model="formData.items"
 							item-value="id"
 							label="Select Items For Package"
+							color="black"
 						></v-autocomplete>
 					</v-flex>
 				</v-layout>

resources/js/vue/views/Package/List.vue

@@ -3,17 +3,19 @@
         <v-container fluid>
             <material-card class color="black" title="All Packages" text>
                 <v-layout align-center wrap class="my-3">
-                    <v-flex xs12 md3 sm3>
+                    <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
+                        <v-icon class="fa fa-align-left mr-2 WM-Margin-B-8"></v-icon>
                         <v-text-field
-                            class="pa-2"
+                            class="py-3 pr-3"
                             v-model="filter.name"
                             label="Name"
                             color="black"
                         ></v-text-field>
                     </v-flex>
-                    <v-flex xs12 md3 sm3>
+                    <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
+                        <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
                         <v-text-field
-                            class="pa-2"
+                            class="py-3 pr-3"
                             v-model="filter.unique_id"
                             label="uniqueID"
                             color="black"
@@ -83,7 +85,7 @@
                 </v-layout>
                 <v-divider></v-divider>
                 <div class="text-xs-center" v-if="lastPage > 1">
-                    <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+                    <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
                 </div>
                 <v-layout row wrap align-center justify-center class="mt-3">
                     <router-link to="/dashboard">