06db6ca62d
### What? Updated the example `with-storybook`, by upgrading storybook to version 8.0.9 (the latest) which required bumping the version of next.js to 14 from 13 in order to make them work together. ### Why? The motivation for this change is that we now have better the lastest features of storybook such as chromatic and visual testing. As of previous updates, it is still treated as its own framework and so users can specify the `storybook` framework as well as custom build command `build-storybook` in order to get near zero-config support. --------- Co-authored-by: Sam Ko <sam@vercel.com>
32 lines
623 B
CSS
32 lines
623 B
CSS
.storybook-header {
|
|
font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
padding: 15px 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.storybook-header svg {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.storybook-header h1 {
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
margin: 6px 0 6px 10px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.storybook-header button + button {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.storybook-header .welcome {
|
|
color: #333;
|
|
font-size: 14px;
|
|
margin-right: 10px;
|
|
}
|