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

Merge pull request #900 from filecoin-project/@martinalong/upload-link-button

Browse Source 
Updated save link button to be more visible
This commit is contained in:
martinalong 2021-08-30 13:29:43 -07:00 committed by GitHub
commit 45d03efd27
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
components/sidebars/ModalAddFileToBucket.js
View File

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