haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-11 11:51:27 +00:00
Code Issues Releases Wiki Activity

feat: adjust the style of button

Browse Source
This commit is contained in:
liuhongbo
2023-11-30 17:19:48 +08:00
parent 17e832274c
commit 25a5fc39b9
3 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/share-link-panel/link-creation.js
View File

@@ -335,7 +335,7 @@ class LinkCreation extends React.Component {
</FormGroup> </FormGroup>
)} )}
{this.state.errorInfo && <Alert color="danger" className="mt-2">{gettext(this.state.errorInfo)}</Alert>} {this.state.errorInfo && <Alert color="danger" className="mt-2">{gettext(this.state.errorInfo)}</Alert>}
<Button onClick={this.generateShareLink} className="mt-2">{gettext('Generate')}</Button> <Button onClick={this.generateShareLink} className="mt-3 ml-1 mb-1">{gettext('Generate')}</Button>
</Form> </Form>
</Fragment> </Fragment>
); );

2
frontend/src/components/share-link-panel/link-list.js
View File

@@ -52,7 +52,7 @@ class LinkList extends React.Component {
return ( return (
<Fragment> <Fragment>
<div className="d-flex justify-content-between align-items-center pb-2 border-bottom"> <div className="d-flex justify-content-between align-items-center pb-2 mt-1 pr-1 border-bottom">
<h6 className="font-weight-normal m-0">{gettext('Share Link')}</h6> <h6 className="font-weight-normal m-0">{gettext('Share Link')}</h6>
<div className="d-flex"> <div className="d-flex">
{selectedLinks.length == 0 ? ( {selectedLinks.length == 0 ? (

3
frontend/src/css/share-link-dialog.css
View File

@@ -4,6 +4,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.share-dialog .share-dialog-content { .share-dialog .share-dialog-content {
flex-direction: row; flex-direction: row;
@@ -27,9 +28,11 @@
border: 0; border: 0;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.share-dialog-side .nav { .share-dialog-side .nav {
flex-direction: column; flex-direction: column;
} }
.share-dialog-side .nav-pills .nav-item .nav-link { .share-dialog-side .nav-pills .nav-item .nav-link {
width: 100%; width: 100%;
padding: 0.3125rem 0.5rem; padding: 0.3125rem 0.5rem;