:art:优化目录显示

app/article/index.php

@@ -226,10 +226,12 @@ span.fancytree-node{
 function show_content(){
 	$("#left_pannal").toggleClass("hidden");
 	if($("#left_pannal").hasClass("hidden")){
-		$("#main_view").css("margin-left","auto");
+		$("#main_view").css("margin-left","0");
+		$(".fun_frame").css("width","calc(30% - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'hide');
 	}else{
 		$("#main_view").css("margin-left","270px");
+		$(".fun_frame").css("width","calc(30% - 81px - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'show');
 	}
 }
@@ -237,10 +239,12 @@ function set_toc_visible(isVisible){
 	if(isVisible){
 		$("#left_pannal").removeClass("hidden");
 		$("#main_view").css("margin-left","270px");
+		$(".fun_frame").css("width","calc(30% - 81px - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'show');
 	}else{
 		$("#left_pannal").addClass("hidden");
-		$("#main_view").css("margin-left","auto");
+		$("#main_view").css("margin-left","0");
+		$(".fun_frame").css("width","calc(30% - 1em)");
 		localStorage.setItem('article_show_toc_'+_mode, 'hide');
 	}
 }

app/article/style.css

@@ -40,8 +40,8 @@
 .main_view {
 	padding: 0 1em;
 	padding-top: 7em;
-	max-width: 1280px;
-	margin-left: 270px;
+	/*max-width: 1280px;*/
+	/*margin-left: 270px;*/
 	margin-right: auto;
 }
 
@@ -69,6 +69,7 @@
 	border-bottom: 1px solid gray;
 	margin-right: 10px;
 	margin-bottom: 10px;
+	width: calc(30% - 1em)
 }
 .fun_frame .title {
 	padding: 6px;
@@ -167,8 +168,12 @@
 .userinfo_channal:hover {
 	display: block;
 }
-img {
+.sent_tran img{
 	width: 40%;
+	max-width: 40%;
+}
+img {
+	width: 90%;
 	/*max-width: 40%;*/
 }