Merge branch 'forge' of http://bdgit.educoder.net/Hjqreturn/educoder into forge
Jasder
5 years ago
commit
1ea0412c61
File diff suppressed because one or more lines are too long
@ -0,0 +1,152 @@
|
||||
import React , { Component } from 'react';
|
||||
import { Dropdown , Icon , Menu , Table } from 'antd';
|
||||
import {Link} from 'react-router-dom';
|
||||
import axios from 'axios';
|
||||
|
||||
// 点击按钮复制功能
|
||||
function jsCopy(){
|
||||
var e = document.getElementById("copy_rep_content");
|
||||
e.select();
|
||||
document.execCommand("Copy");
|
||||
}
|
||||
class CoderRootDirectory extends Component{
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.state={
|
||||
address:"http",
|
||||
ref:"master"
|
||||
}
|
||||
}
|
||||
|
||||
changeAddress=(address)=>{
|
||||
this.setState({
|
||||
address
|
||||
})
|
||||
}
|
||||
|
||||
componentDidMount=()=>{
|
||||
this.getProjectRoot();
|
||||
}
|
||||
|
||||
getProjectRoot=(ref)=>{
|
||||
const { login } = this.props.current_user;
|
||||
const { projectsId } = this.props.match.params;
|
||||
|
||||
const url = `/${login}/${projectsId}/entries.json`;
|
||||
axios.get((url),{
|
||||
params:{
|
||||
ref
|
||||
}
|
||||
}).then((result)=>{
|
||||
if(result){
|
||||
|
||||
}
|
||||
}).catch((error)=>{})
|
||||
}
|
||||
|
||||
render(){
|
||||
const menu = (
|
||||
<Menu>
|
||||
<Menu.Item key="0">
|
||||
<a href="http://www.alipay.com/">1st menu item</a>
|
||||
</Menu.Item>
|
||||
<Menu.Item key="1">
|
||||
<a href="http://www.taobao.com/">2nd menu item</a>
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
);
|
||||
|
||||
const columns = [
|
||||
{
|
||||
dataIndex: 'name',
|
||||
width:"33%",
|
||||
render: text => <a>{text}</a>,
|
||||
},
|
||||
{
|
||||
className: 'column-money',
|
||||
width:"34%",
|
||||
dataIndex: 'money',
|
||||
},
|
||||
{
|
||||
dataIndex: 'address',
|
||||
width:"33%",
|
||||
className:"edu-txt-right color-grey-9"
|
||||
},
|
||||
];
|
||||
const data = [
|
||||
{
|
||||
key: '1',
|
||||
name: 'John Brown',
|
||||
money: '￥300,000.00',
|
||||
address: 'New York No. 1 Lake Park',
|
||||
},
|
||||
{
|
||||
key: '2',
|
||||
name: 'Jim Green',
|
||||
money: '￥1,256,000.00',
|
||||
address: 'London No. 1 Lake Park',
|
||||
},
|
||||
{
|
||||
key: '3',
|
||||
name: 'Joe Black',
|
||||
money: '￥120,000.00',
|
||||
address: 'Sidney No. 1 Lake Park',
|
||||
},
|
||||
];
|
||||
|
||||
const title = () =>{
|
||||
return(
|
||||
<div className="f-wrap-alignCenter">
|
||||
<img src={``} alt=""/>
|
||||
<span>蔡蔡</span>
|
||||
<Link to={``} className="commitKey">asljfowfjoer</Link>
|
||||
<span className="color-blue flex-1 hide-1">first commit</span>
|
||||
<span>3小时前</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const { address , ref } = this.state;
|
||||
return(
|
||||
<div className="main">
|
||||
<p className="branch-wrapper">
|
||||
<span><i className="iconfont icon-tijiaojilu font-18 mr3"></i>提交</span>
|
||||
<span><i className="iconfont icon-fenzhi font-18 mr3"></i>分支</span>
|
||||
</p>
|
||||
|
||||
<div className="f-wrap-between mt20">
|
||||
<div className="branchDropdown">
|
||||
<span className="color-grey-9 mr3"><i className="iconfont icon-fenzhi font-20 color-grey-6 mr3"></i>分支:</span>
|
||||
<Dropdown overlay={menu} trigger={['click']} placement="bottomRight">
|
||||
<a className="ant-dropdown-link">
|
||||
{ref} <Icon type="down" />
|
||||
</a>
|
||||
</Dropdown>
|
||||
</div>
|
||||
<div className="gitAddressClone">
|
||||
<span className={address ==="http" ? "addressType active":"addressType"} onClick={()=>this.changeAddress("http")}>HTTP</span>
|
||||
<span className={address ==="ssh" ? "addressType active":"addressType"} onClick={()=>this.changeAddress("ssh")}>SSH</span>
|
||||
<input type="text" id="copy_rep_content" value={"git@testgitea.trustie.net:sylor/test11.git"}/>
|
||||
<span><i className="iconfont icon-fuzhi"></i></span>
|
||||
<span>
|
||||
<Dropdown overlay={menu} trigger={['click']} placement="bottomRight">
|
||||
<a className="ant-dropdown-link">
|
||||
<Icon type="cloud-download" className="font-18 fl"/>
|
||||
</a>
|
||||
</Dropdown></span>
|
||||
</div>
|
||||
</div>
|
||||
<Table
|
||||
className="mt20 wrap-commit-table"
|
||||
columns={columns}
|
||||
dataSource={data}
|
||||
showHeader={false}
|
||||
size="small"
|
||||
pagination={false}
|
||||
title={() => title()}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default CoderRootDirectory;
|
||||
@ -0,0 +1,67 @@
|
||||
import React , { Component } from 'react';
|
||||
import { Link , Route , Switch } from 'react-router-dom';
|
||||
|
||||
import '../css/index.css'
|
||||
import './list.css';
|
||||
|
||||
import Loadable from 'react-loadable';
|
||||
import Loading from '../../Loading';
|
||||
const CoderRootDirectory = Loadable({
|
||||
loader: () => import('./CoderRootDirectory'),
|
||||
loading: Loading,
|
||||
})
|
||||
class Detail extends Component{
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.state={
|
||||
currentKey:"coder"
|
||||
}
|
||||
}
|
||||
|
||||
// 切换菜单
|
||||
ChangeMenu=(value)=>{
|
||||
console.log(value);
|
||||
}
|
||||
render(){
|
||||
const { currentKey } = this.state;
|
||||
return(
|
||||
<div>
|
||||
<div className="detailHeader-wrapper">
|
||||
<div className="normal f-wrap-between mb20">
|
||||
<p className="font-18 color-blue df flex-1" style={{alignItems:"center"}}>kosasa胡 / <span className="hide-1 flex-1">test11111111111</span></p>
|
||||
|
||||
<span className="p-r-tags large">
|
||||
<span><label>关注</label><span>11</span></span>
|
||||
<span><label>点赞</label><span>12</span></span>
|
||||
<span><label>Fork</label><span>11</span></span>
|
||||
</span>
|
||||
</div>
|
||||
<div className="normal f-wrap-between">
|
||||
<ul className="headerMenu-wrapper">
|
||||
<li className={currentKey === "coder" ? "active" : ""}><Link to={''}>代码</Link></li>
|
||||
<li className={currentKey === "orders" ? "active" : ""}><Link to={''}>工单</Link></li>
|
||||
<li className={currentKey === "merge" ? "active" : ""}><Link to={''}>合并请求</Link></li>
|
||||
<li className={currentKey === "edition" ? "active" : ""}><Link to={''}>版本发布</Link></li>
|
||||
<li className={currentKey === "trends" ? "active" : ""}><Link to={''}>动态</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Switch {...this.props}>
|
||||
<Route exact path="/projects/:projectsId/coder"
|
||||
render={
|
||||
(props) => (<CoderRootDirectory {...this.props} {...props} {...this.state}/>)
|
||||
}
|
||||
></Route>
|
||||
<Route exact path="/projects/:projectsId"
|
||||
render={
|
||||
(props) => (<CoderRootDirectory {...this.props} {...props} {...this.state}/>)
|
||||
}
|
||||
></Route>
|
||||
</Switch>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Detail;
|
||||
@ -0,0 +1,221 @@
|
||||
import React , { Component } from 'react';
|
||||
|
||||
import { Menu , Input , Dropdown , Icon, Spin , Pagination } from 'antd';
|
||||
import '../css/index.css'
|
||||
import './list.css';
|
||||
|
||||
import ListItem from './IndexItem'
|
||||
import axios from 'axios';
|
||||
|
||||
const Search = Input.Search;
|
||||
const { SubMenu } = Menu;
|
||||
class Index extends Component{
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.state={
|
||||
projectsList:undefined,
|
||||
page:1,
|
||||
limit:15,
|
||||
search:undefined,
|
||||
sort:undefined,
|
||||
total:0,
|
||||
isSpin:true,
|
||||
project_type:undefined,
|
||||
category_id:undefined,
|
||||
|
||||
typeList:undefined,
|
||||
categoryList:undefined
|
||||
}
|
||||
}
|
||||
|
||||
componentDidMount=()=>{
|
||||
const { page,limit, search , sort ,project_type,category_id} = this.state;
|
||||
this.getListData(page,limit, search , sort,project_type,category_id);
|
||||
|
||||
this.getType();
|
||||
|
||||
this.getCategory();
|
||||
}
|
||||
|
||||
// 获取列表
|
||||
getListData=(page,limit, search , sort,project_type,category_id)=>{
|
||||
const { current_user } = this.props;
|
||||
const url = `/projects.json`;
|
||||
axios.get(url,{params:{
|
||||
user_id:current_user && current_user.user_id,
|
||||
page,
|
||||
limit,
|
||||
search,
|
||||
sort_by:sort,
|
||||
project_type,
|
||||
category_id
|
||||
}}).then((result)=>{
|
||||
if(result){
|
||||
this.setState({
|
||||
projectsList:result.data.projects,
|
||||
total:result.data.total_count,
|
||||
isSpin:false
|
||||
})
|
||||
}
|
||||
}).catch((error)=>{})
|
||||
}
|
||||
|
||||
// 获取类型
|
||||
getType=()=>{
|
||||
const url = `/projects/group_type_list.json`;
|
||||
|
||||
axios.get(url).then((result)=>{
|
||||
if(result){
|
||||
this.setState({
|
||||
typeList:result.data && result.data.map((item,key)=>{
|
||||
return(
|
||||
<li onClick={()=>this.changeType(`${item.project_type}`)}>
|
||||
<span>{item.name}</span>
|
||||
<span>{item.projects_count}</span>
|
||||
</li>
|
||||
)
|
||||
})
|
||||
})
|
||||
}
|
||||
}).catch((error)=>{})
|
||||
}
|
||||
|
||||
// 获取类型
|
||||
getCategory=()=>{
|
||||
const url = `/project_categories/group_list.json`;
|
||||
|
||||
axios.get(url).then((result)=>{
|
||||
if(result && result.data){
|
||||
this.setCategoryList(result.data);
|
||||
}
|
||||
}).catch((error)=>{})
|
||||
}
|
||||
|
||||
setCategoryList=(list)=>{
|
||||
this.setState({
|
||||
categoryList:list.map((item,key)=>{
|
||||
return(
|
||||
<li onClick={()=>this.changeCategory(`${item.id}`)}>
|
||||
<span>{item.name}</span>
|
||||
<span>{item.projects_count}</span>
|
||||
</li>
|
||||
)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
changeCategory=(id)=>{
|
||||
this.setState({
|
||||
category_id:id,
|
||||
page:1
|
||||
})
|
||||
const { limit , sort, project_type } = this.state;
|
||||
this.getListData(1,limit, undefined , sort, project_type ,id);
|
||||
}
|
||||
|
||||
// 切换类型
|
||||
changeType=(type)=>{
|
||||
this.setState({
|
||||
isSpin:true,
|
||||
project_type:type,
|
||||
search:undefined
|
||||
})
|
||||
const { page,limit, sort,category_id } = this.state;
|
||||
this.getListData(page,limit, undefined , sort, type ,category_id);
|
||||
}
|
||||
|
||||
// 排序
|
||||
ChangeSoryBy=(e)=>{
|
||||
this.setState({
|
||||
sort_by:e.key,
|
||||
page:1,
|
||||
search:undefined,
|
||||
isSpin:true
|
||||
})
|
||||
const { limit,project_type,category_id } = this.state;
|
||||
this.getListData(1 ,limit , undefined , e.key,project_type,category_id);
|
||||
}
|
||||
|
||||
// 搜索
|
||||
searchFun=(value)=>{
|
||||
// console.log(value)
|
||||
this.setState({
|
||||
page:1,
|
||||
search:value,
|
||||
isSpin:true,
|
||||
project_type:undefined
|
||||
})
|
||||
const { limit , sort , category_id } = this.state;
|
||||
this.getListData(1 ,limit, value , sort , undefined,category_id);
|
||||
}
|
||||
changeSearchValue=(e)=>{
|
||||
this.setState({
|
||||
search:e.target.value
|
||||
})
|
||||
}
|
||||
// 翻页
|
||||
ChangePage=(page)=>{
|
||||
this.setState({
|
||||
page
|
||||
})
|
||||
const { limit, search , sort,project_type,category_id } = this.state;
|
||||
this.getListData(page,limit, search , sort,project_type,category_id);
|
||||
}
|
||||
|
||||
render(){
|
||||
const menu=(
|
||||
<Menu onClick={this.ChangeSoryBy}>
|
||||
<Menu.Item key="updated_on">更新时间排序</Menu.Item>
|
||||
<Menu.Item key="created_on">创建时间排序</Menu.Item>
|
||||
<Menu.Item key="forked_count">fork数据排序</Menu.Item>
|
||||
<Menu.Item key="praises_count">点赞数量排序</Menu.Item>
|
||||
</Menu>
|
||||
)
|
||||
|
||||
const { projectsList , isSpin , total , search , limit , page , typeList , categoryList } = this.state;
|
||||
|
||||
const pagination = (
|
||||
total && total > 0 ?
|
||||
<div className="edu-txt-center pt30 mb30">
|
||||
<Pagination simple defaultCurrent={page} total={total} pageSize={limit} onChange={this.ChangePage}></Pagination>
|
||||
</div>:""
|
||||
)
|
||||
return(
|
||||
<div className="main ProjectListIndex">
|
||||
<div className="list-left">
|
||||
<ul className="list-l-Menu">
|
||||
<li className="MenuTitle">项目类型</li>
|
||||
{ typeList }
|
||||
</ul>
|
||||
<ul className="list-l-Menu">
|
||||
<li className="MenuTitle">项目类别</li>
|
||||
{ categoryList }
|
||||
</ul>
|
||||
</div>
|
||||
<div className="list-right">
|
||||
<Spin spinning={isSpin}>
|
||||
<div className="list-r-operation">
|
||||
<Search
|
||||
placeholder="输入项目名称关键字进行搜索"
|
||||
enterButton="搜索"
|
||||
size="large"
|
||||
onSearch={this.searchFun}
|
||||
className="list-r-Search"
|
||||
value={search}
|
||||
onChange={this.changeSearchValue}
|
||||
/>
|
||||
<Dropdown overlay={menu} trigger={['click']} placement='bottomRight'>
|
||||
<a className="ant-dropdown-link">
|
||||
排序 <Icon type="down" />
|
||||
</a>
|
||||
</Dropdown>
|
||||
</div>
|
||||
<ListItem {...this.props} {...this.state} projects={projectsList}></ListItem>
|
||||
{ pagination }
|
||||
</Spin>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default Index;
|
||||
@ -0,0 +1,294 @@
|
||||
body,#root{
|
||||
background: #fff!important;
|
||||
}
|
||||
.ProjectListIndex{
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
.list-left{
|
||||
width: 26%;
|
||||
padding-right: 20px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.list-right{
|
||||
width:74%;
|
||||
background: #fff;
|
||||
padding:10px;
|
||||
}
|
||||
.list-l-Menu{
|
||||
border:1px solid #f4f4f4;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.list-l-Menu>li{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 1rem;
|
||||
padding:0px 20px;
|
||||
box-sizing: border-box;
|
||||
color: #333;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
cursor: pointer;
|
||||
}
|
||||
.list-l-Menu li span:last-child{
|
||||
color: #999;
|
||||
}
|
||||
.list-l-Menu .MenuTitle{
|
||||
background-color: #efefef;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.list-l-Menu > li:not(.MenuTitle):hover{
|
||||
background-color: #1890ff;
|
||||
}
|
||||
.list-l-Menu > li:not(.MenuTitle):hover span{
|
||||
color: #fff;
|
||||
}
|
||||
/* 左侧menu */
|
||||
.list-l-Menu .ant-menu-inline{
|
||||
border:none;
|
||||
}
|
||||
.list-l-Menu .ant-menu-inline .ant-menu-item{
|
||||
width:100%!important;
|
||||
}
|
||||
.list-l-Menu .ant-menu-item-group-title{
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.list-r-operation{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding:15px 0px 25px;
|
||||
}
|
||||
.list-r-Search{
|
||||
flex: 1;
|
||||
width: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.list-r-Search .ant-btn-lg{
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
/* 列表 */
|
||||
.p-r-Item{
|
||||
display: flex;
|
||||
padding:15px 0px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
.p-r-photo{
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: 50%;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.p-r-Infos{
|
||||
flex: 1;
|
||||
width: 0;
|
||||
}
|
||||
.p-r-name{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.p-r-name > p{
|
||||
flex: 1;
|
||||
width: 0;
|
||||
}
|
||||
.p-r-tags{
|
||||
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: #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;
|
||||
border-left: #efefef;
|
||||
padding:0px 4px;
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
color: #999;
|
||||
}
|
||||
.p-r-content{
|
||||
margin-top:10px;
|
||||
color: #666;
|
||||
}
|
||||
.p-r-detail > span{
|
||||
margin-right: 15px;
|
||||
color: #666;
|
||||
}
|
||||
.p-r-detail > span > label{
|
||||
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%;
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue