1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-15 14:49:09 +00:00

fix mobile style (#3567)

This commit is contained in:
Michael An
2019-05-29 11:48:00 +08:00
committed by Daniel Pan
parent 9df8ee0d6e
commit e1e9ca8bd1
6 changed files with 44 additions and 16 deletions

View File

@@ -1,6 +1,7 @@
import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import { Button } from 'reactstrap';
import MediaQuery from 'react-responsive';
import { seafileAPI } from '../../utils/seafile-api';
import { gettext, loginUrl, canPublishRepo } from '../../utils/constants';
import toaster from '../../components/toast';
@@ -128,11 +129,14 @@ class Wikis extends Component {
<div className="cur-view-toolbar">
<span className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none" title="Side Nav Menu" onClick={this.props.onShowSidePanel}></span>
<div className="operation">
{canPublishRepo &&
<Button className="btn btn-secondary operation-item my-1" onClick={this.onSelectToggle}>
{gettext('Publish a Library')}
</Button>
}
{canPublishRepo && <Fragment>
<MediaQuery query="(min-width: 768px)">
<Button className="btn btn-secondary operation-item" onClick={this.onSelectToggle}>{gettext('Publish a Library')}</Button>
</MediaQuery>
<MediaQuery query="(max-width: 767.8px)">
<Button className="btn btn-secondary operation-item my-1" onClick={this.onSelectToggle}>{gettext('Publish a Library')}</Button>
</MediaQuery>
</Fragment>}
</div>
</div>
<CommonToolbar onSearchedClick={this.props.onSearchedClick} />