minor ui improvements (button color and place)

pull/1226/head
Audric Ackermann 5 years ago
parent db1a133c25
commit 8432d01488
No known key found for this signature in database
GPG Key ID: 999F434D76324AD4

@ -685,7 +685,7 @@ label {
padding-left: 10px; padding-left: 10px;
} }
.create-group-dialog .session-modal__body { .session-modal__body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import { SessionModal } from '../session/SessionModal'; import { SessionModal } from '../session/SessionModal';
import { SessionButton } from '../session/SessionButton'; import { SessionButton, SessionButtonColor } from '../session/SessionButton';
import { import {
ContactType, ContactType,
SessionMemberListItem, SessionMemberListItem,
@ -87,6 +87,7 @@ export class InviteContactsDialog extends React.Component<Props, State> {
text={okText} text={okText}
disabled={!hasContacts} disabled={!hasContacts}
onClick={this.onClickOK} onClick={this.onClickOK}
buttonColor={SessionButtonColor.Green}
/> />
</div> </div>
</SessionModal> </SessionModal>

@ -3,7 +3,7 @@ import classNames from 'classnames';
import { Contact } from './MemberList'; import { Contact } from './MemberList';
import { SessionModal } from '../session/SessionModal'; import { SessionModal } from '../session/SessionModal';
import { SessionButton } from '../session/SessionButton'; import { SessionButton, SessionButtonColor } from '../session/SessionButton';
import { import {
ContactType, ContactType,
SessionMemberListItem, SessionMemberListItem,
@ -136,9 +136,12 @@ export class UpdateGroupMembersDialog extends React.Component<Props, State> {
<div className="spacer-lg" /> <div className="spacer-lg" />
<div className="session-modal__button-group"> <div className="session-modal__button-group">
<SessionButton text={okText} onClick={this.onClickOK} />
<SessionButton text={cancelText} onClick={this.closeDialog} /> <SessionButton text={cancelText} onClick={this.closeDialog} />
<SessionButton
text={okText}
onClick={this.onClickOK}
buttonColor={SessionButtonColor.Green}
/>
</div> </div>
</SessionModal> </SessionModal>
); );

@ -2,7 +2,7 @@ import React from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import { SessionModal } from '../session/SessionModal'; import { SessionModal } from '../session/SessionModal';
import { SessionButton } from '../session/SessionButton'; import { SessionButton, SessionButtonColor } from '../session/SessionButton';
import { Avatar } from '../Avatar'; import { Avatar } from '../Avatar';
interface Props { interface Props {
@ -106,9 +106,13 @@ export class UpdateGroupNameDialog extends React.Component<Props, State> {
/> />
<div className="session-modal__button-group"> <div className="session-modal__button-group">
<SessionButton text={okText} onClick={this.onClickOK} />
<SessionButton text={cancelText} onClick={this.closeDialog} /> <SessionButton text={cancelText} onClick={this.closeDialog} />
<SessionButton
text={okText}
onClick={this.onClickOK}
buttonColor={SessionButtonColor.Green}
/>
</div> </div>
</SessionModal> </SessionModal>
); );

Loading…
Cancel
Save