Fix small issues
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
@@ -1,5 +0,0 @@
|
||||
---
|
||||
'@backstage/canon': minor
|
||||
---
|
||||
|
||||
First Canon release introducing a first theming system, a new set of layout components and some atomic components like Button and Icon.
|
||||
@@ -6,7 +6,7 @@ import { Columns, Text, ComponentStatus, Banner } from './components';
|
||||
<img src="header.png" style={{ width: '100%', marginTop: '-16px' }} />
|
||||
|
||||
<Text style={{ marginTop: '64px' }}>
|
||||
Welcome to the Canon, the new library for building Backstage plugins. This
|
||||
Welcome to the Canon, the new design library for Backstage plugins. This
|
||||
project is still under active development but we will make sure to document
|
||||
the API as we go. We are aiming to improve the general UI of Backstage and
|
||||
plugins across Backstage. This new library will take time to build but we are
|
||||
|
||||
@@ -21,8 +21,8 @@ import * as Table from './components/table';
|
||||
|
||||
<Text>
|
||||
We built a couple of layout components to help you build responsive elements
|
||||
that will be consistent with the rest of your Bacvkstage instance. These
|
||||
components are opinionated and use typescript to ensure that the props you
|
||||
that will be consistent with the rest of your Backstage instance. These
|
||||
components are opinionated and use TypeScript to ensure that the props you
|
||||
provide are the ones coming from the theme.
|
||||
</Text>
|
||||
|
||||
|
||||
@@ -8,9 +8,11 @@ import * as Table from './components/table';
|
||||
<Text>
|
||||
Backstage ships with a default theme with a light and dark mode variant. The
|
||||
themes are provided as a part of the{' '}
|
||||
<a href="https://github.com/backstage/backstage">@backstage/canon</a> package,
|
||||
which also includes utilities for customizing the default theme, or creating
|
||||
completely new themes.
|
||||
<a href="https://github.com/backstage/backstage/packages/canon">
|
||||
@backstage/canon
|
||||
</a>{' '}
|
||||
package, which also includes utilities for customizing the default theme, or
|
||||
creating completely new themes.
|
||||
</Text>
|
||||
|
||||
<Title type="h2">Light & Dark modes</Title>
|
||||
@@ -160,10 +162,10 @@ import * as Table from './components/table';
|
||||
|
||||
<Title type="h2">Spacing</Title>
|
||||
<Text>
|
||||
Our default spacing system is made to made to work in most scenarios. We have
|
||||
7 scale values from `xxs` to `xxl`. We use the values on padding and margin in
|
||||
our layout components mostly. If you prefer to use a different spacing system,
|
||||
you can do that by changing the values below.
|
||||
Our default spacing system is made to work in most scenarios. We have 7 scale
|
||||
values from `xxs` to `xxl`. We use the values on padding and margin in our
|
||||
layout components mostly. If you prefer to use a different spacing system, you
|
||||
can do that by changing the values below.
|
||||
</Text>
|
||||
|
||||
<Table.Root>
|
||||
|
||||
Reference in New Issue
Block a user