filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-11 22:07:08 +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:14:47 -07:00
parent 4e5f1d2d67
commit 877bf39951
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