init dev-push code ui base design

components/common/AdminMenu.vue

@@ -1,19 +1,23 @@
 <template>
-	<v-menu offset-y nudge-bottom="8" :left="true">
+	<v-menu offset-y nudge-bottom="8" :right="true">
 		<template v-slot:activator="{ on, attrs }">
 			<v-btn
 				v-bind="attrs"
 				v-on="on"
-				depressed
-				:ripple="false"
 				:class="{ miniVariant }"
-				:style="btnStyle"
-			>
-				<v-icon size="32" :class="{ 'mr-2': !miniVariant }"
+				icon
+				fab
+				small
+				>
+				<!-- depressed
+				:ripple="false" -->
+				<!-- :style="btnStyle" -->
+
+				<v-icon size="32" color="#fff" 
 					>$icoAdminMenu</v-icon
 				>
-				<span class="body-1 mr-1">{{ userNm }}</span>
-				<v-icon>mdi-chevron-down</v-icon>
+				<!-- <span class="body-1 mr-1">{{ userNm }}</span> -->
+				<!-- <v-icon>mdi-chevron-down</v-icon> -->
 			</v-btn>
 			<!-- <AlertPopup
         ref="alertPop"
@@ -155,12 +159,15 @@ export default {
 	min-width: auto !important;
 	display: flex;
 	align-items: center;
-	padding: 0 20px !important;
-	margin-bottom: 12px;
+	padding: 0 !important;
+	// margin-bottom: 12px;
 
 	&,
 	&:before {
-		background-color: transparent !important;
+		// background-color: transparent !important;
+	}
+	&.v-btn--fab{
+		height: auto;
 	}
 
 	::v-deep {