update gui

Author: lindongchen

gui/src/assets/styles.scss

@@ -648,9 +648,11 @@ pre.app-code code{
 	padding-right: 0;
 }
 .empty-btn{
-	position: absolute !important;
-	opacity: 0.8;
-	top: 41%;left: 50%;width: 160px; margin-left: -80px;font-size: 20px;
+	// position: absolute !important;
+	// opacity: 0.8;
+	// top: 41%;left: 50%;
+	// width: 160px; margin-left: -80px;
+	font-size: 20px;
 }
 
 
@@ -1149,10 +1151,10 @@ fieldset{
 }
 @media screen and (min-width: 768px) and (max-width: 1024px){
 	.empty-btn{
-		top: 39%;
-		left: 50%;
-		width: 120px; 
-		margin-left: -60px;
+		// top: 39%;
+		// left: 50%;
+		// width: 120px; 
+		// margin-left: -60px;
 		font-size: 14px !important;
 	}
 }

gui/src/components/common/Empty.vue

@@ -38,16 +38,16 @@ const primary = () => {
         <p>{{props.error?.message}}</p>
     </div>
     <div v-else class="w-full text-center empty-result mt-4 relative">
-				<img :src="freeSvg" class="w-4 h-4 mx-aut" style="margin: auto;"  />
-        <h5 class="text-tip">{{props.title||'No data.'}}</h5>
+				<img :src="freeSvg" class="w-4 h-4 mx-aut" style="margin: auto;max-width: 400px;"  />
+				<h5 class="text-tip">{{props.title||'No data.'}}</h5>
         <p>{{props.sub}}</p>
 				<Button 
 					v-if="props.button"
 					class="empty-btn"
 					:label="props.button" 
 					size="large"
-					rounded
 					raised
+					v-ripple
 					severity="primary"
 					@click="primary"/>
     </div>