filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-20 02:37:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

updated save link button to be more visible

Browse Source
This commit is contained in:
Martina 2021-08-30 13:32:03 -07:00
parent 0fdc846179
commit b6b17e1551
1 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/sidebars/ModalAddFileToBucket.js
View File

@ -245,7 +245,7 @@ export default class ModalAddFileToBucket extends React.Component {
); );
} else { } else {
return ( return (
<div css={Styles.VERTICAL_CONTAINER_CENTERED} style={{ width: "100%" }}> <div css={Styles.VERTICAL_CONTAINER_CENTERED} style={{ width: "100%", maxWidth: 680 }}>
<input <input
css={STYLES_FILE_HIDDEN} css={STYLES_FILE_HIDDEN}
multiple multiple
@ -253,11 +253,12 @@ export default class ModalAddFileToBucket extends React.Component {
id="file" id="file"
onChange={this._handleUpload} onChange={this._handleUpload}
/> />
<div css={Styles.HORIZONTAL_CONTAINER} style={{ width: "100%" }}>
<System.Input <System.Input
placeholder="Paste a link to save" placeholder="Paste a link to save"
value={this.state.url} value={this.state.url}
style={{ style={{
height: 48, height: 40,
backgroundColor: Constants.semantic.bgLight, backgroundColor: Constants.semantic.bgLight,
boxShadow: this.state.urlError ? `0 0 0 1px ${Constants.system.red} inset` : "none", boxShadow: this.state.urlError ? `0 0 0 1px ${Constants.system.red} inset` : "none",
}} }}
@ -267,8 +268,14 @@ export default class ModalAddFileToBucket extends React.Component {
onChange={this._handleChange} onChange={this._handleChange}
onSubmit={this._handleUploadLink} onSubmit={this._handleUploadLink}
autoFocus autoFocus
icon={SVG.RightArrow}
/> />
<System.ButtonPrimary
onClick={this._handleUploadLink}
style={{ height: 40, marginLeft: 8 }}
>
Save
</System.ButtonPrimary>
</div>
<System.Divider width="64px" style={{ margin: "40px 0px" }} /> <System.Divider width="64px" style={{ margin: "40px 0px" }} />
<System.H4 <System.H4