github/React95
1
1
Fork 0
mirror of https://github.com/react95-io/React95.git synced 2026-04-26 03:00:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

Address Feedback

Browse Source 
- Move x to default story.
- Move button closer to frame.
This commit is contained in:
Christos
2019-06-02 22:22:27 +10:00
parent 1c212905c6
commit 836545eefc
1 changed files with 18 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/components/Window/Window.stories.js
View File

@@ -20,7 +20,24 @@ storiesOf("Window", module)
))
.add("default", () => (
<Window style={{ width: 400 }}>
<WindowHeader>react95.exe</WindowHeader>
<WindowHeader
style={{
display: "flex",
alignItems: "center",
justifyContent: "space-between"
}}
>
<span>react95.exe</span>
<Button
style={{ marginRight: "-6px", marginTop: "1px" }}
size={"sm"}
square
>
<span style={{ fontWeight: "bold", transform: "translateY(-1px)" }}>
x
</span>
</Button>
</WindowHeader>
<Toolbar>
<Button variant="menu" size="sm">
File
@@ -54,42 +71,4 @@ storiesOf("Window", module)
</ul>
</WindowContent>
</Window>
))
.add("with close button", () => (
<Window style={{ width: 400 }}>
<WindowHeader
style={{
display: "flex",
alignItems: "center",
justifyContent: "space-between"
}}
>
<span>Welcome to:</span>
<span>react95.exe</span>
<Button size={"sm"} square>
<span style={{ fontWeight: "bold", transform: "translateY(-1px)" }}>
x
</span>
</Button>
</WindowHeader>
<Toolbar>
<Button variant="menu" size="sm">
File
</Button>
<Button variant="menu" size="sm">
Edit
</Button>
<Button variant="menu" size="sm" disabled>
Save
</Button>
</Toolbar>
<WindowContent>
<ul>
<li>something here</li>
<li>something here</li>
<li>something here</li>
<li>something here</li>
</ul>
</WindowContent>
</Window>
));