newchanges

resources/js/vue/views/Pack/AddEdit.vue

@@ -2,7 +2,7 @@
 	<v-form ref="form">
 		<v-container grid-list-xs fluid>
 			<material-card color="black" title="Add Label on Set ">
-				<v-layout align-center justify-center wrap class="px-5 my-3">
+				<v-layout  wrap class="px-5 my-3">
 					<v-flex xs12 sm6 md3>
 						<v-text-field
 							name="name"
@@ -40,14 +40,17 @@
 							class="pa-2"
 						></v-text-field>
 					</v-flex>
+					<v-spacer></v-spacer>
 					<v-flex xs12 sm6 md3>
 						<v-autocomplete
 							multiple
+							color="black"
 							:items="items"
 							item-text="name"
 							v-model="formData.packages"
 							item-value="id"
 							label="Select Package For Pack"
+							class="pr-3"
 						></v-autocomplete>
 					</v-flex>
 					<v-flex xs12 sm6 md3>
@@ -56,10 +59,10 @@
 							label="Department"
 							color="black"
 							v-model="formData.department"
-							class="pa-2"
+							class="px-3"
 						></v-text-field>
 					</v-flex>
-					<v-flex xs12 sm6 md3>
+					<v-flex xs12 sm6 md2>
 						<v-menu
 							lazy
 							:close-on-content-click="true"
@@ -67,7 +70,15 @@
 							offset-y
 							v-model="fromMenuSterile"
 						>
-							<v-text-field required slot="activator" label="Sterile Date" v-model="formData.sterile_date"></v-text-field>
+							<v-text-field
+								required
+								prepend-inner-icon="far fa-calendar-alt"
+								slot="activator"
+								label="Sterile Date"
+								color="black"
+								class="px-3"
+								v-model="formData.sterile_date">
+							</v-text-field>
 							<v-date-picker
 								color="pink"
 								no-title
@@ -76,7 +87,7 @@
 							></v-date-picker>
 						</v-menu>
 					</v-flex>
-					<v-flex xs12 sm6 md3>
+					<v-flex xs12 sm6 md2>
 						<v-menu
 							lazy
 							:close-on-content-click="true"
@@ -84,7 +95,15 @@
 							offset-y
 							v-model="fromMenuExpire"
 						>
-							<v-text-field required slot="activator" label="Expire Date" v-model="formData.expire_date"></v-text-field>
+							<v-text-field
+								required
+								prepend-inner-icon="far fa-calendar-alt"
+								slot="activator"
+								label="Expire Date"
+								color="black"
+								class="px-3"
+								v-model="formData.expire_date">
+							</v-text-field>
 							<v-date-picker
 								color="pink"
 								no-title