diff options
author | Sebastian <sebasjm@gmail.com> | 2021-07-12 14:47:13 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-07-12 14:48:59 -0300 |
commit | 0cf52a2812dd0cfab9bfdf2dcd81fe4787f4dcb0 (patch) | |
tree | 79b4049999cadd4e324b54a177990bc1ea4d09d6 /packages/taler-wallet-webextension/.storybook | |
parent | 1c0cce3f5812cd2796ab9693b47f035427ca5340 (diff) | |
download | wallet-core-0cf52a2812dd0cfab9bfdf2dcd81fe4787f4dcb0.tar.xz |
styles for provider detail page
Diffstat (limited to 'packages/taler-wallet-webextension/.storybook')
-rw-r--r-- | packages/taler-wallet-webextension/.storybook/preview.js | 28 |
1 files changed, 26 insertions, 2 deletions
diff --git a/packages/taler-wallet-webextension/.storybook/preview.js b/packages/taler-wallet-webextension/.storybook/preview.js index 1c07ba402..0fda6ac0e 100644 --- a/packages/taler-wallet-webextension/.storybook/preview.js +++ b/packages/taler-wallet-webextension/.storybook/preview.js @@ -52,8 +52,32 @@ export const decorators = [ (Story, { kind }) => { if (kind.startsWith('popup')) { return <div class="popup-container"> - <link key="1" rel="stylesheet" type="text/css" href="/style/pure.css" /> - <link key="2" rel="stylesheet" type="text/css" href="/style/popup.css" /> + <style>{` + html { + font-family: sans-serif; /* 1 */ + } + body { + margin: 0; + }`} + </style> + <style>{` + html { + } + h1 { + font-size: 2em; + } + input { + font: inherit; + } + body { + margin: 0; + font-size: 100%; + padding: 0; + overflow: hidden; + background-color: #f8faf7; + font-family: Arial, Helvetica, sans-serif; + }`} + </style> <div style={{ padding: 8, width: 'calc(400px - 16px - 2px)', height: 'calc(320px - 34px - 16px - 2px)', border: 'black solid 1px' }}> <Story /> </div> |