modify readme and add scrollbar to error message list
This commit is contained in:
Weikang Li
Родитель
677a21cf02
Коммит
d9ab1d7a48
|
|
@ -4,6 +4,8 @@ React Native renderer for [AdaptiveCards](http://adaptivecards.io/).
|
|||
|
||||
|
||||
|
||||
Online renderer and debugging tool can be found [here](https://microsoft.github.io/react-native-adaptivecards/)
|
||||
|
||||
## Getting Started
|
||||
|
||||
### Basic Usage
|
||||
|
|
|
|||
|
|
@ -62,4 +62,5 @@
|
|||
}
|
||||
.Pane2 {
|
||||
background-color: white;
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
@ -17,15 +17,14 @@ export default class App extends React.Component {
|
|||
<div className="main-page">
|
||||
<SampleList />
|
||||
<div style={{display: 'flex', flex: 1}}>
|
||||
<SplitPane split="vertical" defaultSize="72%" style={{ position: 'relative' }}>
|
||||
<SplitPane split="vertical" defaultSize="72%" style={{ position: 'relative'}}>
|
||||
<Editor />
|
||||
<SplitPane split="horizontal" defaultSize="60%">
|
||||
<SplitPane split="horizontal" defaultSize="60%" >
|
||||
<CardList />
|
||||
<ErrorMessage />
|
||||
</SplitPane>
|
||||
</SplitPane>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -32,10 +32,10 @@ class ErrorMessage extends React.Component {
|
|||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="error-list">
|
||||
<Alert message={`Input data is ${result.isValid ? "valid" : "invalid"}`} type={result.isValid ? "success" : "error"} />
|
||||
{
|
||||
result.messages.map(mes => <Alert message={mes.level + ' : ' + mes.message} type={mes.level.charAt(0).toLowerCase()+mes.level.slice(1)} />)
|
||||
result.messages.map(mes => <Alert message={mes.level + ' : ' + mes.message} type={mes.level.charAt(0).toLowerCase() + mes.level.slice(1)} />)
|
||||
}
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1946,7 +1946,8 @@ boolbase@~1.0.0:
|
|||
|
||||
bowser@^1.7.3:
|
||||
version "1.9.4"
|
||||
resolved "http://registry.npm.taobao.org/bowser/download/bowser-1.9.4.tgz#890c58a2813a9d3243704334fa81b96a5c150c9a"
|
||||
resolved "https://registry.yarnpkg.com/bowser/-/bowser-1.9.4.tgz#890c58a2813a9d3243704334fa81b96a5c150c9a"
|
||||
integrity sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ==
|
||||
|
||||
bplist-creator@0.0.7:
|
||||
version "0.0.7"
|
||||
|
|
@ -2655,7 +2656,8 @@ date-now@^0.1.4:
|
|||
|
||||
debounce@^1.1.0:
|
||||
version "1.2.0"
|
||||
resolved "http://registry.npm.taobao.org/debounce/download/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
|
||||
resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
|
||||
integrity sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==
|
||||
|
||||
debug@2.6.9, debug@^2.1.2, debug@^2.2.0, debug@^2.3.3, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9:
|
||||
version "2.6.9"
|
||||
|
|
@ -2685,7 +2687,8 @@ decode-uri-component@^0.2.0:
|
|||
|
||||
deep-assign@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "http://registry.npm.taobao.org/deep-assign/download/deep-assign-2.0.0.tgz#ebe06b1f07f08dae597620e3dd1622f371a1c572"
|
||||
resolved "https://registry.yarnpkg.com/deep-assign/-/deep-assign-2.0.0.tgz#ebe06b1f07f08dae597620e3dd1622f371a1c572"
|
||||
integrity sha1-6+BrHwfwja5ZdiDj3RYi83GhxXI=
|
||||
dependencies:
|
||||
is-obj "^1.0.0"
|
||||
|
||||
|
|
@ -4092,7 +4095,8 @@ ini@~1.3.0:
|
|||
|
||||
inline-style-prefixer@^4.0.0:
|
||||
version "4.0.2"
|
||||
resolved "http://registry.npm.taobao.org/inline-style-prefixer/download/inline-style-prefixer-4.0.2.tgz#d390957d26f281255fe101da863158ac6eb60911"
|
||||
resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-4.0.2.tgz#d390957d26f281255fe101da863158ac6eb60911"
|
||||
integrity sha512-N8nVhwfYga9MiV9jWlwfdj1UDIaZlBFu4cJSJkIr7tZX7sHpHhGR5su1qdpW+7KPL8ISTvCIkcaFi/JdBknvPg==
|
||||
dependencies:
|
||||
bowser "^1.7.3"
|
||||
css-in-js-utils "^2.0.0"
|
||||
|
|
@ -6669,7 +6673,8 @@ react-native-vector-icons@^5.0.0:
|
|||
|
||||
react-native-web@0.6.0:
|
||||
version "0.6.0"
|
||||
resolved "http://registry.npm.taobao.org/react-native-web/download/react-native-web-0.6.0.tgz#46c843ab83c569246dc43ba745033c1bb4d22930"
|
||||
resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.6.0.tgz#46c843ab83c569246dc43ba745033c1bb4d22930"
|
||||
integrity sha512-MIE+/h8Niu+tbKbdkkXLWkyT+tK0ZmSE2by0WXDGTbJ1fdCAAkwM0JPfXE1OyMWH9OfB+u1Bbk8fABOITIYrmw==
|
||||
dependencies:
|
||||
array-find-index "^1.0.2"
|
||||
create-react-class "^15.6.2"
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче