kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-04-29 12:45:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix min-width in mobile screen

Browse Source
This commit is contained in:
unix
2020-03-23 09:35:01 +08:00
parent 37a26988a2
commit df9762cad0
4 changed files with 20 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
pages/docs/components/code.mdx
View File

@@ -34,8 +34,11 @@ export const meta = {
title="Code Block"
scope={{ Code }}
code={`
<Code block>npm i @zeit-ui/vue
yarn add @zeit-ui/vue</Code>
() => {
const codes = \`npm i @zeit-ui/vue
yarn add @zeit-ui/vue\`
return <Code block>{codes}</Code>
}
`} />
<Attributes edit="/pages/docs/components/code.mdx">
@@ -46,7 +49,7 @@ yarn add @zeit-ui/vue</Code>
| **bash** | show code in bash mode | `boolean` | - | `false` |
| **block** | show code in `pre` | `boolean` | - | `false` |
| **darkBash** | show code in darkBash mode | `boolean` | - | `false` |
| **minWidth** | set CSS min-width | `string` | - | `unset` |
| **width** | set CSS width | `string` | - | `initial` |
| ... | native props | `HTMLAttributes` | `'className', ...` | - |
</Attributes>

12
pages/docs/components/display.mdx
View File

@@ -31,8 +31,8 @@ export const meta = {
}
}\`
return (
<Display caption="Application's build with a defined environment variable.">
<Code block minWidth="500px">{codes}</Code>
<Display width="500px" caption="Application's build with a defined environment variable.">
<Code block>{codes}</Code>
</Display>
)
}
@@ -42,8 +42,8 @@ export const meta = {
title="With Code 2"
scope={{ Display, Code }}
code={`
<Display caption="Run this command to install the library.">
<Code darkBash minWidth="500px">yarn add @zeit-ui/react</Code>
<Display width="500px" caption="Run this command to install the library.">
<Code darkBash>yarn add @zeit-ui/react</Code>
</Display>
`} />
@@ -52,7 +52,7 @@ export const meta = {
scope={{ Display, Code }}
code={`
<Display shadow caption={<p>A domain redirect that redirects requests made to <Code>www.zeit.rocks</Code> to <Code>zeit.rocks</Code>.</p>}>
<img style={{ minWidth: '650px' }} height="305" src="https://zeit.co/docs/static/docs/custom-domains/redirecting-domains.png" />
<img width="650" height="305" src="https://zeit.co/docs/static/docs/custom-domains/redirecting-domains.png" />
</Display>
`} />
@@ -63,7 +63,7 @@ export const meta = {
| ---------- | ---------- | ---- | -------------- | ------ |
| **caption** | description for display block | `ReactNode` / `string` | - | - |
| **shadow** | show shadow | `boolean` | - | `false` |
| **minWidth** | set CSS min-width | `boolean` | - | `unset` |
| **width** | set width | `string` | - | `fit-content` |
| ... | native props | `HTMLAttributes` | - | - |
</Attributes>