styles: fix button classes

This commit is contained in:
Antonella Sgarlatta
2021-05-13 14:26:12 -03:00
parent 5f654f8ebb
commit bc10fbf788
8 changed files with 24 additions and 24 deletions

View File

@@ -83,14 +83,14 @@ const ConfirmSignoutModal = observer(({ application, appState }: Props) => {
)}
<div className="flex my-1 mt-4">
<button
className="sn-button neutral"
className="sn-button small neutral"
ref={cancelRef}
onClick={close}
>
Cancel
</button>
<button
className="sn-button danger ml-2"
className="sn-button small danger ml-2"
onClick={() => {
if (deleteLocalBackups) {
application.signOutAndDeleteLocalBackups();

View File

@@ -17,7 +17,7 @@ const NoAccountWarning = observer(({ appState }: Props) => {
Sign in or register to back up your notes.
</p>
<button
className="sn-button info mt-3 col-start-1 col-end-3 justify-self-start"
className="sn-button small info mt-3 col-start-1 col-end-3 justify-self-start"
onClick={(event) => {
event.stopPropagation();
appState.accountMenu.setShow(true);

View File

@@ -13,14 +13,14 @@ function NoProtectionsNoteWarning({ appState, onViewNote }: Props) {
</p>
<div className="mt-4 flex gap-3">
<button
className="sn-button info"
className="sn-button small info"
onClick={() => {
appState.accountMenu.setShow(true);
}}
>
Open account menu
</button>
<button className="sn-button outlined" onClick={onViewNote}>
<button className="sn-button small outlined" onClick={onViewNote}>
View note
</button>
</div>

View File

@@ -172,7 +172,7 @@ const SessionsModal: FunctionComponent<{
{formatter.format(session.updated_at)}
</p>
<button
className="sn-button danger sk-label"
className="sn-button small danger sk-label"
disabled={session.revoking}
onClick={() =>
setRevokingSessionUuid(session.uuid)
@@ -213,14 +213,14 @@ const SessionsModal: FunctionComponent<{
</AlertDialogDescription>
<div className="flex my-1 gap-2">
<button
className="sn-button neutral sk-label"
className="sn-button small neutral sk-label"
ref={cancelRevokeRef}
onClick={closeRevokeSessionAlert}
>
<span>{SessionStrings.RevokeCancelButton}</span>
</button>
<button
className="sn-button danger sk-label"
className="sn-button small danger sk-label"
onClick={() => {
closeRevokeSessionAlert();
revokeSession(confirmRevokingSessionUuid);