archive-gh-me/zustand
1
0
Fork 0
mirror of https://github.com/pmndrs/zustand.git synced 2025-12-08 19:45:52 +00:00
Code Issues Projects Releases Wiki Activity

demo: add docs link to the demo page (#1734)

Browse Source
This commit is contained in:
Chris K 2023-04-07 12:35:46 +10:00 committed by GitHub
parent 142b60025b
commit 2970ed2672
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
examples/demo/src/components/Details.js
View File

@ -1,7 +1,10 @@
export default function Details() {
return (
<>
<a href="https://github.com/pmndrs/zustand" className="top-right" children="Github" />
<nav className="nav">
<a href="https://docs.pmnd.rs/zustand" children="Documentation" />
<a href="https://github.com/pmndrs/zustand" children="Github" />
</nav>
<div className="bottom">
<a
href="https://github.com/pmndrs/zustand/tree/main/examples/demo"

29
examples/demo/src/styles.css
View File

@ -372,12 +372,24 @@ a.top-left {
left: 40px;
}
a.top-right {
top: 40px;
.nav {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end;
left: 40px;
min-height: 38px;
position: fixed;
right: 40px;
top: 40px;
z-index: 1000;
}
.nav a {
position: relative;
flex: 0 0 auto;
}
a.bottom-left {
bottom: 40px;
left: 40px;
@ -415,11 +427,13 @@ a.bottom-right {
left: 40px;
}
a.top-right {
position: fixed;
top: 40px;
.nav {
justify-content: flex-start;
left: 40px;
right: 40px;
top: 90px;
}
span.header-left {
position: fixed;
top: 30px;
@ -440,9 +454,10 @@ a.bottom-right {
left: 20px;
}
a.top-right {
top: 20px;
.nav {
left: 20px;
right: 20px;
top: 60px;
}
a.bottom-left {