-
{item.name}
+
{item.name}
{ item.forked_count ? { item.forked_count}:"" }
{ item.praises_count }
@@ -61,17 +26,17 @@ class IndexItem extends Component{
-
+
{item.visits}
{ item.category && item.category.id && {item.category.name}}
- {item.last_update_time ? {getDateDiff(item.last_update_time)} : "" }
+ {item.last_update_time ? 更新于{item.time_ago} : "" }
)
- })
+ }):""
)
return(
diff --git a/public/react/src/forge/Main/list.css b/public/react/src/forge/Main/list.css
index 28ddcdb8f..78bf62d0d 100644
--- a/public/react/src/forge/Main/list.css
+++ b/public/react/src/forge/Main/list.css
@@ -1,3 +1,6 @@
+body,#root{
+ background: #fff!important;
+}
.ProjectListIndex{
display: flex;
align-items: flex-start;
@@ -27,12 +30,11 @@
padding:0px 20px;
box-sizing: border-box;
color: #333;
-}
-.list-l-Menu>li a{
display: flex;
justify-content: space-between;
+ cursor: pointer;
}
-.list-l-Menu li a span:last-child{
+.list-l-Menu li span:last-child{
color: #999;
}
.list-l-Menu .MenuTitle{
@@ -41,9 +43,9 @@
font-size: 16px;
}
.list-l-Menu > li:not(.MenuTitle):hover{
- background-color: #5fb8ff;
+ background-color: #1890ff;
}
-.list-l-Menu > li:not(.MenuTitle):hover a{
+.list-l-Menu > li:not(.MenuTitle):hover span{
color: #fff;
}
/* 左侧menu */
@@ -99,21 +101,31 @@
display: flex;
opacity: 1;
}
+.p-r-tags.large > span{
+ height: 30px;
+ line-height: 30px;
+ font-size: 14px;
+}
.p-r-tags > span{
margin-left: 15px;
border-radius: 4px;
border:1px solid #efefef;
- background: #fafafa;
+ background: #e2f0fd;
height: 24px;
line-height: 24px;
display: block;
font-size: 12px;
display: flex;
-
+}
+.p-r-tags.large > span >label{
+ padding:0px 12px;
}
.p-r-tags > span >label{
padding:0px 8px;
}
+.p-r-tags.large > span >span{
+ padding:0px 6px;
+}
.p-r-tags > span >span{
display: block;
background: #fff;
@@ -134,6 +146,120 @@
color: #999;
}
+.p-r-about{
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: nowrap;
+ margin-top: 8px;
+ color: #666;
+}
+
+/* -----------详情------------ */
+.detailHeader-wrapper{
+ background: #f7f7f7;
+ padding-top:20px;
+ border-bottom: 1px solid rgba(34,36,38,.15);
+}
+.headerMenu-wrapper{
+ background: #f7f7f7;
+ font-size: 16px;
+ display: flex;
+ flex-direction: row;
+ color: #999;
+}
+.headerMenu-wrapper li{
+ padding:6px 14px;
+ position: relative;
+ text-align: center
+}
+.headerMenu-wrapper li.active{
+ background: #fff;
+ margin-bottom: -1px;
+ border:1px solid rgba(34,36,38,.15);
+ border-bottom: none;
+ border-radius: 4px 4px 0px 0px;
+}
+/* 详情-代码 */
+.branch-wrapper{
+ border:1px solid #eee;
+ border-radius: 4px;
+ display: flex;
+ padding:5px;
+}
+.branch-wrapper span{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex: 1;
+ text-align: center;
+ height: 30px;
+ line-height: 30px;
+ cursor: pointer;
+ font-size: 16px;
+}
+.branch-wrapper span.active{
+ background: #eee;
+}
+.branch-wrapper span:hover{
+ color: #4CACFF;
+}
+.branchDropdown{
+ border:1px solid #eee;
+ border-radius: 4px;
+ display: flex;
+ justify-content: center;
+ padding:0px 10px;
+ height: 35px;
+ line-height: 35px;
+}
+
+.gitAddressClone{
+ display: flex;
+ height: 32px;
+ align-items: center;
+ border-radius: 4px;
+ border:1px solid #eee;
+ background: #fff;
+}
+.gitAddressClone > span{
+ display: flex;
+ line-height: 30px;
+ height: 30px;
+ padding:0px 12px;
+ border-right: 1px solid #eee;
+ cursor: pointer;
+ align-items: center;
+}
+.gitAddressClone > span.addressType.active{
+ color: #4CACFF;
+}
+.gitAddressClone > span:last-child{
+ border-right: none;
+}
+.gitAddressClone > input{
+ border:none;
+ outline: none;
+ padding:0px 8px;
+ height: 30px;
+ line-height: 30px;
+ border-radius: 0px;
+ border-right: 1px solid #eee;
+ flex:1;
+}
+.wrap-commit-table .ant-table-small > .ant-table-content > .ant-table-body{
+ margin:0px;
+}
+.commitKey{
+ border:1px solid #dcdcdc;
+ background-color:#f4f4f4;
+ color: #666!important;
+ padding:0px 5px;
+ height: 28px;
+ line-height: 28px;
+ margin:0px 15px;
+ border-radius: 4px;
+}
+
@media screen and (max-width: 750px){
.list-left,.list-right{
width: 100%;
@@ -141,9 +267,28 @@
}
}
+@media screen and (max-width: 400px){
+ .headerMenu-wrapper{
+ flex-direction: column;
+ width: 100%;
+ }
+ .headerMenu-wrapper li{
+ width: 100%;
+ }
+ .gitAddressClone{
+ width:100%;
+ }
+ .gitAddressClone > span{
+ padding:0px;
+ }
+}
+
@media screen and (max-width: 370px){
.p-r-tags{
opacity: 0;
display: none;
}
+ .p-r-about{
+ flex-wrap: wrap;
+ }
}
diff --git a/public/react/src/forge/css/index.css b/public/react/src/forge/css/index.css
index c375cef6a..6306ff9a0 100644
--- a/public/react/src/forge/css/index.css
+++ b/public/react/src/forge/css/index.css
@@ -3,6 +3,10 @@
width: 1200px;
margin:20px auto;
}
+.normal{
+ width: 1200px;
+ margin:0px auto;
+}
/* 背景色 */
.back-white{
background: #fff;
@@ -25,26 +29,48 @@
}
.hide-1{
+ display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.hide-2 {
+ display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
+
+.df{display: flex}
+.flex-1{flex: 1;width: 0}
+
+.f-wrap-between{
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+.f-wrap-alignCenter{
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+}
@media screen and (max-width: 1000px){
.main{
width: 750px;
margin:1rem auto;
}
+ .normal{
+ width: 750px;
+ }
}
@media screen and (max-width: 750px){
.main{
width: 95%;
margin:1rem auto;
}
+ .normal{
+ width: 100%;
+ }
}
\ No newline at end of file