Improve manual execution instructions
- Simplify alternatives to run the script.
- Change style of code parts to be easier to the eye:
- Use the same font size as other texts in body.
- Add vertical padding.
- Align the contents (the code, copy button and dollar sign) in the
middle.
- Align information icon to center of context next to it.
- Fix minor typos and punctations.
- Refactor instruction list to be more generic to able to be used by
other operating systems.
- Make dialogs scrollable so instruction list on smaller screens can be
read until the end.
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
<template>
|
||||
<modal
|
||||
:name="name"
|
||||
:scrollable="true"
|
||||
:adaptive="true"
|
||||
height="auto">
|
||||
<div class="dialog">
|
||||
@@ -33,12 +32,18 @@ export default class Dialog extends Vue {
|
||||
<style scoped lang="scss">
|
||||
@use "@/presentation/assets/styles/main" as *;
|
||||
|
||||
@mixin scrollable() {
|
||||
overflow-y: auto;
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
color: $color-surface;
|
||||
font-family: $font-normal;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@include scrollable;
|
||||
|
||||
&__content {
|
||||
color: $color-on-surface;
|
||||
|
||||
Reference in New Issue
Block a user