fix alignment
This commit is contained in:
parent
1854710093
commit
e64d925086
2 changed files with 11 additions and 7 deletions
|
@ -1,4 +1,5 @@
|
||||||
// @flow
|
// @flow
|
||||||
|
import type { Node } from 'react';
|
||||||
import * as ICONS from 'constants/icons';
|
import * as ICONS from 'constants/icons';
|
||||||
import React, { useState, useEffect } from 'react';
|
import React, { useState, useEffect } from 'react';
|
||||||
import { regexInvalidURI } from 'lbry-redux';
|
import { regexInvalidURI } from 'lbry-redux';
|
||||||
|
@ -36,7 +37,7 @@ type Props = {
|
||||||
setPublishMode: string => void,
|
setPublishMode: string => void,
|
||||||
setPrevFileText: string => void,
|
setPrevFileText: string => void,
|
||||||
setAutoPopulateName: boolean => void,
|
setAutoPopulateName: boolean => void,
|
||||||
header: any,
|
header: Node,
|
||||||
};
|
};
|
||||||
|
|
||||||
function PublishFile(props: Props) {
|
function PublishFile(props: Props) {
|
||||||
|
@ -331,14 +332,17 @@ function PublishFile(props: Props) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card
|
<Card
|
||||||
// icon={ICONS.PUBLISH}
|
|
||||||
disabled={disabled || balance === 0}
|
disabled={disabled || balance === 0}
|
||||||
title={
|
title={
|
||||||
<React.Fragment>
|
<div>
|
||||||
{header}
|
{header}
|
||||||
{publishing && <Spinner type={'small'} />}
|
{publishing && <Spinner type={'small'} />}
|
||||||
{inProgress && <Button button="close" label={__('Cancel')} icon={ICONS.REMOVE} onClick={clearPublish} />}
|
{inProgress && (
|
||||||
</React.Fragment>
|
<div>
|
||||||
|
<Button button="close" label={__('Cancel')} icon={ICONS.REMOVE} onClick={clearPublish} />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
subtitle={isStillEditing && __('You are currently editing your upload.')}
|
subtitle={isStillEditing && __('You are currently editing your upload.')}
|
||||||
actions={
|
actions={
|
||||||
|
|
|
@ -302,7 +302,7 @@ function PublishForm(props: Props) {
|
||||||
autoPopulateName={autoPopulateNameFromTitle}
|
autoPopulateName={autoPopulateNameFromTitle}
|
||||||
setAutoPopulateName={setAutoPopulateNameFromTitle}
|
setAutoPopulateName={setAutoPopulateNameFromTitle}
|
||||||
header={
|
header={
|
||||||
<div>
|
<>
|
||||||
{MODES.map((modeName, index) => (
|
{MODES.map((modeName, index) => (
|
||||||
<Button
|
<Button
|
||||||
key={index}
|
key={index}
|
||||||
|
@ -315,7 +315,7 @@ function PublishForm(props: Props) {
|
||||||
className={classnames('button-toggle', { 'button-toggle--active': mode === modeName })}
|
className={classnames('button-toggle', { 'button-toggle--active': mode === modeName })}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</div>
|
</>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
{!publishing && (
|
{!publishing && (
|
||||||
|
|
Loading…
Add table
Reference in a new issue