diff --git a/src/presentation/assets/styles/base/_index.scss b/src/presentation/assets/styles/base/_index.scss index 081a99b63..66f599fcf 100644 --- a/src/presentation/assets/styles/base/_index.scss +++ b/src/presentation/assets/styles/base/_index.scss @@ -53,3 +53,18 @@ sup { vertical-align: super; font-size: $font-size-relative-smallest; } + +kbd { + font-family: unset; // Reset the default browser styles + background-color: $color-primary-dark; + border: 1px solid $color-primary-darker; + border-radius: 0.2em; + box-shadow: inset 0 1px 0 0 $color-primary-dark, inset 0 -2px 0 0 $color-primary-darker; + display: inline-block; + font-family: $font-family-monospace; + font-size: $font-size-relative-smallest; + padding: $spacing-relative-x-small $spacing-relative-x-small; + text-align: center; + user-select: none; + white-space: nowrap; +} diff --git a/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/LinuxInstructions.vue b/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/LinuxInstructions.vue index 8523a2ad9..bdd0efb55 100644 --- a/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/LinuxInstructions.vue +++ b/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/LinuxInstructions.vue @@ -16,29 +16,29 @@ Open terminal.

- Opening terminal changes based on the distro you run. + Opening terminal changes based on the distribution you run.

You may search for "Terminal" in your application launcher to find it.

- Alternatively use terminal shortcut for your distro if it has one by default: -

+ Alternatively use terminal shortcut for your distribution if it has one by default:

+
@@ -50,19 +50,22 @@ cd ~/Downloads

@@ -76,21 +79,23 @@ chmod +x {{ filename }} @@ -110,7 +115,8 @@

  1. Locate the file using your file manager.
  2. -
  3. Right click on the file, select "Run as program".
  4. +
  5. Right click on the file.
  6. +
  7. Select Run as program or similar option.
@@ -124,10 +130,10 @@ registered, so keep typing.

- Press on enter/return key after typing your password. + Press the Enter or Return key after typing your password.

- Administrator privileges are required to configure OS. + Administrator privileges are required for configurations.

diff --git a/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/MacOsInstructions.vue b/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/MacOsInstructions.vue index 16f23098d..cda2d77fb 100644 --- a/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/MacOsInstructions.vue +++ b/src/presentation/components/Code/CodeButtons/Save/BrowserRunInstructions/Steps/Platforms/MacOsInstructions.vue @@ -13,9 +13,28 @@ - Open terminal. + Open your terminal. - Type Terminal into Spotlight or open it from the Applications -> Utilities folder. +

There are two easy ways to open the default terminal on your Mac:

+
    +
  1. + Using macOS search (Spotlight): +
      +
    • Press Cmd + Space to open Spotlight.
    • +
    • + Type Terminal and press Enter or Return. +
    • +
    +
  2. +
  3. + Using Finder: +
      +
    • Open Finder.
    • +
    • Go to ApplicationsUtilities.
    • +
    • Double-click on Terminal.
    • +
    +
  4. +
@@ -27,19 +46,22 @@ cd ~/Downloads

@@ -53,7 +75,7 @@ chmod +x {{ filename }}