init dev-push code ui base design

components/common/select/SelectBox.vue

@@ -2,26 +2,24 @@
 	<v-row class="search-box" align="center" no-gutters>
 		<v-col v-if="label" :cols="labelCols">
 			<label for="" class="search-box-label">
-				<v-icon v-if="iconShow" x-small 
-				:color="required ? '#fb8200' : 'primary'" 
-				class="mr-1">mdi-record-circle</v-icon>
+				<v-icon
+					v-if="iconShow"
+					small
+					:class="['mr-1', required ? 'icon-orange' : 'icon-blue']"
+					>$icoBulletPoint</v-icon
+				>
 				{{ label }}
 			</label>
 		</v-col>
 		<v-col :cols="label ? textCols : ''">
-			<v-select
-				v-model="innerValue"
-				:items="itemList"
-				item-text="text"
-				item-value="value"
-				solo
-				outlined
-				:hide-details="true"
-				append-icon="mdi-chevron-down"
-				class="v-select__custom"
-				:disabled="disabled"
-				:readonly="readonly"
-			></v-select>
+			<v-select v-model="innerValue" :items="itemList" item-text="text" item-value="value" solo outlined
+				:hide-details="true" append-icon="" :class="['v-select__custom', customClass]" :disabled="disabled"
+				:readonly="readonly"><template v-slot:append>
+					<!-- Custom SVG icon -->
+					<v-icon>$icoChevronDown</v-icon>
+
+
+				</template></v-select>
 			<!-- @change="updateBlocCode($event)" -->
 		</v-col>
 	</v-row>
@@ -44,12 +42,12 @@ export default {
 		textCols: {
 			type: Number,
 			require: false,
-			default: 8,
+			default: 12,
 		},
 		labelCols: {
 			type: Number,
 			require: false,
-			default: 4,
+			default: 12,
 		},
 		itemList: {
 			type: Array,
@@ -61,25 +59,29 @@ export default {
 			require: true,
 			default: null,
 		},
-		required:{
-			type:Boolean,
-			require:false,
-			default:false
+		required: {
+			type: Boolean,
+			require: false,
+			default: false
 		},
-		iconShow:{
-			type:Boolean,
-			require:false,
-			default:true
+		iconShow: {
+			type: Boolean,
+			require: false,
+			default: true
 		},
 		disabled: {
-			type:Boolean,
-			require:false,
-			default:false
+			type: Boolean,
+			require: false,
+			default: false
 		},
 		readonly: {
-			type:Boolean,
-			require:false,
-			default:false
+			type: Boolean,
+			require: false,
+			default: false
+		},
+		customClass: {
+			type: String,
+			require: false,
 		},
 	},
 	emits: ['update:propsValue'],