Skip to content

Commit 969228b

Browse files
js2mejs2me
committed
docs: update docs for Query
1 parent afacc73 commit 969228b

9 files changed

Lines changed: 488 additions & 300 deletions

File tree

‎.changeset/silver-paths-go.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"mobx-tanstack-query": minor
3+
---
4+
5+
improved documentation for `Query`

‎docs/.vitepress/theme/customs.css‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
.i-logos\:mobx-icon {
2+
background: url(/mobx.svg) no-repeat;
3+
background-size: 100% 100%;
4+
background-color: transparent;
5+
width: 1.2em;
6+
height: 1.2em;
7+
}
8+
9+
/**
10+
* Component: Algolia
11+
* -------------------------------------------------------------------------- */
12+
13+
.DocSearch {
14+
--docsearch-primary-color: var(--vp-c-brand-1) !important;
15+
}
16+
17+
@media (min-width: 640px) {
18+
:root {
19+
--vp-home-hero-image-filter: blur(56px);
20+
}
21+
}
22+
23+
@media (min-width: 960px) {
24+
:root {
25+
--vp-home-hero-image-filter: blur(68px);
26+
}
27+
}
28+
29+
30+
:root {
31+
--vp-c-bg-feature-soft: #f6f6f76b;
32+
}
33+
34+
html.dark {
35+
--vp-c-bg-feature-soft: #20212730;
36+
}
37+
38+
.custom-block > .custom-block-title:first-child:last-child {
39+
margin-top: -8px;
40+
}
41+
p:has(>em:first-child:last-child) + div[class*=language-] {
42+
margin-top: -10px;
43+
}
44+
45+
.vp-doc strong a {
46+
font-weight: bold;
47+
}
48+
49+
.vp-doc strong code {
50+
font-weight: bold;
51+
}
52+
53+
.VPHome {
54+
flex: 1;
55+
display: flex;
56+
flex-direction: column;
57+
margin-bottom: 0 !important;
58+
}
59+
60+
.VPContent.is-home {
61+
display: flex;
62+
}
63+
64+
.VPHero.has-image.VPHomeHero {
65+
flex: 1;
66+
display: flex;
67+
flex-direction: column;
68+
}
69+
70+
.VPHero.has-image .main {position: relative;}
71+
72+
.VPHero.has-image .container {
73+
padding-left: 2rem;
74+
padding-right: 2rem;
75+
margin-top: auto;
76+
margin-bottom: auto;
77+
padding-bottom: 7vh;
78+
}
79+
80+
.main > .heading > .text {
81+
font-size: 24px;
82+
line-height: 28px;
83+
padding-top: 20px;
84+
}
85+
86+
html .VPFooter {
87+
border-top: 0 !important;
88+
}
89+
90+
html:has(.VPFeatures.VPHomeFeatures .items > .item) .VPHero.has-image .container {
91+
margin-bottom: 0;
92+
margin-top: auto;
93+
}
94+
html:has(.VPFeatures.VPHomeFeatures .items > .item) .VPHero.has-image.VPHomeHero {
95+
flex: 1;
96+
}
97+
html:has(.VPFeatures.VPHomeFeatures .items > .item) .VPFeatures.VPHomeFeatures {
98+
margin-bottom: auto;
99+
flex: 1;
100+
}
101+
102+
html.gh-preview .main > .heading > .name {
103+
line-height: 72px;
104+
font-size: 68px;
105+
}
106+
html.gh-preview .main > .heading > .text {
107+
font-size: 43px;
108+
line-height: 48px;
109+
}
110+
html.gh-preview .main > .actions {
111+
opacity: 0;
112+
}
113+
html.gh-preview .VPFeatures.VPHomeFeatures {
114+
opacity: 0;
115+
}
116+
117+
#VPContent .VPFeature {
118+
display: block;
119+
background-color: var(--vp-c-bg-feature-soft);
120+
border: 0;
121+
backdrop-filter: blur(10px);
122+
border-radius: 24px;
123+
}
124+
125+
#app .VPFooter .message, #app .VPFooter .copyright {
126+
line-height: 18px;
127+
font-size: 13px;
128+
}
129+
130+
#app .VPFeature .icon {
131+
border-radius: 12px;
132+
}

‎docs/.vitepress/theme/index.ts‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
// https://vitepress.dev/guide/custom-theme
2-
import { h } from 'vue'
3-
import type { Theme } from 'vitepress'
4-
import DefaultTheme from 'vitepress/theme'
5-
import './style.css'
6-
import 'uno.css'
2+
import { h } from 'vue';
3+
import type { Theme } from 'vitepress';
4+
import DefaultTheme from 'vitepress/theme';
5+
import './pallete.css';
6+
import './customs.css';
7+
import './logo-animate.css';
8+
import 'uno.css';
79

810
export default {
911
extends: DefaultTheme,

‎docs/.vitepress/theme/logo-animate.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
2+
@keyframes logoBgGradientAnimate {
3+
0% {
4+
background-position: 0% 0%;
5+
transform: scale(1) translate(-50%, -50%);
6+
}
7+
50% {
8+
background-position: 300% 300%;
9+
transform: scale(1.4) translate(-35%, -35%);
10+
}
11+
100% {
12+
background-position: 0% 0%;
13+
transform: scale(1) translate(-50%, -50%);
14+
}
15+
}
16+
17+
.image-container > .image-bg {
18+
background-size: 200% 200%;
19+
animation: logoBgGradientAnimate 7s linear infinite;
20+
}
21+
22+
@keyframes logoAnimate {
23+
0% {
24+
transform: scale(1) translate(-50%, -50%);
25+
}
26+
50% {
27+
transform: scale(1.05) translate(-48%, -48%);
28+
}
29+
100% {
30+
transform: scale(1) translate(-50%, -50%);
31+
}
32+
}
33+
34+
.image-container > .image-src {
35+
animation: logoAnimate 10s linear infinite;
36+
}

0 commit comments

Comments
 (0)