修改界面布局和评论样式

Author: crazylxr

public/css/main.css

@@ -48,7 +48,7 @@ a{
 
 .clear{
  display: flex;
- justify-content: center;
+ /* justify-content: center; */
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
@@ -72,14 +72,14 @@ a{
 
 .listBox h1{
  display: flex;
- justify-content: center;
+ /* justify-content: center; */
 }
 .listBox .colDefault{
  display: flex;
  justify-content: center;
 }
 .smpInfo{
- margin-left: 30px;
+ /* margin-left: 30px; */
 }
 .function{
  margin-left: 30px;
@@ -90,6 +90,10 @@ a{
  text-align: center;
  border-radius: 5px;
 }
+.function a{
+ color: #ffffff;
+ font-size: 14px;
+}
 .rightBox{
  background: #fff;
  margin: 10px;
@@ -143,4 +147,62 @@ a{
 }
 .pager li{
  list-style: none;
+}
+
+.listBox h1{
+ color: #303030;
+ font-size: 24px;
+ font-weight: normal;
+}
+.post-media{
+ width: 220px;
+ height: 160px;
+}
+.post-media__img{
+ width: 220px;
+ height: 160px;
+}
+
+.post{
+ display: flex;
+ flex-direction: column;
+ padding: 20px;
+}
+.post-date{
+ color: #959595;
+}
+.post-content{
+ display: flex;
+ color: #666666;
+ border-bottom: 1px solid #ebebeb;
+ font-size: 15px;
+}
+.post-footer{
+ display: flex;
+ margin-top: 10px;
+ justify-content: space-between;
+}
+.post-meta{
+ line-height: 30px;
+}
+.post-title{
+ display: flex;
+ justify-content: center;
+}
+.post-detail{
+ padding: 20px;
+}
+.message__input{
+ /* width: 500px;
+ height: 20px;
+ margin: 0px; */
+}
+.comment{
+ display: flex;
+ flex-direction: column;
+ width: 650px; 
+}
+.comment__label{
+ margin: 5px;
+ height: 25px;
 }

public/imgage/timg.jpeg

@@ -3,4 +3,4 @@ WiredTiger 2.9.2: (December 23, 2016)
 WiredTiger version
 major=2,minor=9,patch=2
 file:WiredTiger.wt
-access_pattern_hint=none,allocation_size=4KB,app_metadata=,block_allocation=best,block_compressor=,cache_resident=false,checkpoint=(WiredTigerCheckpoint.31=(addr="018881e4402249628981e4883259218a81e4dbf53744808080e2efc0e22fc0",order=31,time=1505094502,size=24576,write_gen=61)),checkpoint_lsn=(2,31744),checksum=uncompressed,collator=,columns=,dictionary=0,encryption=(keyid=,name=),format=btree,huffman_key=,huffman_value=,id=0,ignore_in_memory_cache_size=false,internal_item_max=0,internal_key_max=0,internal_key_truncate=true,internal_page_max=4KB,key_format=S,key_gap=10,leaf_item_max=0,leaf_key_max=0,leaf_page_max=32KB,leaf_value_max=0,log=(enabled=true),memory_page_max=5MB,os_cache_dirty_max=0,os_cache_max=0,prefix_compression=false,prefix_compression_min=4,split_deepen_min_child=0,split_deepen_per_child=0,split_pct=90,value_format=S,version=(major=1,minor=1)
+access_pattern_hint=none,allocation_size=4KB,app_metadata=,block_allocation=best,block_compressor=,cache_resident=false,checkpoint=(WiredTigerCheckpoint.71=(addr="018d81e4859253558e81e422d89b6c8f81e487ceceee808080e2efc0e22fc0",order=71,time=1505721853,size=24576,write_gen=140)),checkpoint_lsn=(3,106240),checksum=uncompressed,collator=,columns=,dictionary=0,encryption=(keyid=,name=),format=btree,huffman_key=,huffman_value=,id=0,ignore_in_memory_cache_size=false,internal_item_max=0,internal_key_max=0,internal_key_truncate=true,internal_page_max=4KB,key_format=S,key_gap=10,leaf_item_max=0,leaf_key_max=0,leaf_page_max=32KB,leaf_value_max=0,log=(enabled=true),memory_page_max=5MB,os_cache_dirty_max=0,os_cache_max=0,prefix_compression=false,prefix_compression_min=4,split_deepen_min_child=0,split_deepen_per_child=0,split_pct=90,value_format=S,version=(major=1,minor=1)