filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-17 17:27:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(extension-onboarding): display extension shortcut depending on the user's os system

Browse Source
This commit is contained in:
Aminejv 2022-09-23 17:38:19 +01:00
parent 018edb60cc
commit 73ef5a991b
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/extension-onboarding.js
View File

@ -6,10 +6,11 @@ import * as SVG from "~/common/svg";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import { css } from "@emotion/react";
import { isUsingMac } from "~/common/utilities";
const STYLES_SAVING_SHORTCUT_ICON = (theme) => css`
padding: 8px;
width: 32px;
min-width: 32px;
line-height: 16px;
text-align: center;
background-color: ${theme.semantic.bgGrayLight};
@ -20,7 +21,7 @@ function JumperKeyboardShortcut(props) {
return (
<div css={Styles.HORIZONTAL_CONTAINER_CENTERED} {...props}>
<System.H4 as="p" color="textBlack" css={STYLES_SAVING_SHORTCUT_ICON}>
⌘
{isUsingMac() ? "⌘" : "Ctrl"}
</System.H4>
<System.H4
as="p"
@ -28,7 +29,7 @@ function JumperKeyboardShortcut(props) {
css={STYLES_SAVING_SHORTCUT_ICON}
style={{ marginLeft: 4 }}
>
J
{isUsingMac() ? "J" : "."}
</System.H4>
</div>
);