Skip to content

Commit 9faeff2

Browse files
tannerlinsleytannerlinsley
committed
docs: update footer styles
1 parent cdb801f commit 9faeff2

File tree

1 file changed

+80
-82
lines changed

1 file changed

+80
-82
lines changed

‎docs/src/components/Footer.js‎

Lines changed: 80 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -5,91 +5,89 @@ export const Footer = props => {
55
return (
66
<div className="bg-gray-50 border-t border-gray-200">
77
<div className="container mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
8-
<div className="xl:grid xl:grid-cols-2 xl:gap-8">
9-
<div className="md:grid md:grid-cols-3 md:gap-8">
10-
<div>
11-
<h4 className="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
12-
Resources
13-
</h4>
14-
<ul className="mt-4">
15-
<li>
16-
<Link href="/overview">
17-
<a className="text-base leading-6 text-gray-500 hover:text-gray-900">
18-
Docs
19-
</a>
20-
</Link>
21-
</li>
22-
<li className="mt-4">
23-
<Link href="/examples/simple">
24-
<a className="text-base leading-6 text-gray-500 hover:text-gray-900">
25-
Examples
26-
</a>
27-
</Link>
28-
</li>
29-
<li className="mt-4">
30-
<Link href="/reference/useQuery">
31-
<a className="text-base leading-6 text-gray-500 hover:text-gray-900">
32-
API Reference
33-
</a>
34-
</Link>
35-
</li>
36-
</ul>
37-
</div>
38-
<div className="mt-12 md:mt-0">
39-
<h4 className="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
40-
Community
41-
</h4>
42-
<ul className="mt-4">
43-
<li className="mt-4">
44-
<a
45-
href="https://github.com/tannerlinsley/react-query/discussions"
46-
className="text-base leading-6 text-gray-500 hover:text-gray-900"
47-
>
48-
Forum & Support
49-
</a>
50-
</li>
51-
<li className="mt-4">
52-
<a
53-
href="https://discord.gg/WrRKjPJ"
54-
className="text-base leading-6 text-gray-500 hover:text-gray-900"
55-
>
56-
#TanStack Discord
57-
</a>
58-
</li>
59-
<li className="mt-4">
60-
<a
61-
href="http://stackoverflow.com/questions/tagged/react-query"
62-
className="text-base leading-6 text-gray-500 hover:text-gray-900"
63-
>
64-
Stack Overflow
8+
<div className="grid-cols-2 md:grid xl:grid-cols-4 md:gap-8">
9+
<div>
10+
<h4 className="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
11+
Resources
12+
</h4>
13+
<ul className="mt-4">
14+
<li>
15+
<Link href="/overview">
16+
<a className="text-base leading-6 text-gray-500 hover:text-gray-900">
17+
Docs
6518
</a>
66-
</li>
67-
<li className="mt-4">
68-
<a
69-
href="https://github.com/tannerlinsley/react-query/releases"
70-
className="text-base leading-6 text-gray-500 hover:text-gray-900"
71-
>
72-
Releases
19+
</Link>
20+
</li>
21+
<li className="mt-4">
22+
<Link href="/examples/simple">
23+
<a className="text-base leading-6 text-gray-500 hover:text-gray-900">
24+
Examples
7325
</a>
74-
</li>
75-
<li className="mt-4">
76-
<a
77-
className="github-button"
78-
href="https://github.com/tannerlinsley/react-query"
79-
data-color-scheme="no-preference: light; light: light; dark: dark;"
80-
data-icon="octicon-star"
81-
data-size="large"
82-
data-show-count="true"
83-
aria-label="Star tannerlinsley/react-query on GitHub"
84-
>
85-
Star
26+
</Link>
27+
</li>
28+
<li className="mt-4">
29+
<Link href="/reference/useQuery">
30+
<a className="text-base leading-6 text-gray-500 hover:text-gray-900">
31+
API Reference
8632
</a>
87-
</li>
88-
</ul>
89-
</div>
90-
<div className="mt-12 md:mt-0">
91-
<CarbonAds />
92-
</div>
33+
</Link>
34+
</li>
35+
</ul>
36+
</div>
37+
<div className="mt-12 md:mt-0">
38+
<h4 className="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
39+
Community
40+
</h4>
41+
<ul className="mt-4">
42+
<li className="mt-4">
43+
<a
44+
href="https://github.com/tannerlinsley/react-query/discussions"
45+
className="text-base leading-6 text-gray-500 hover:text-gray-900"
46+
>
47+
Forum & Support
48+
</a>
49+
</li>
50+
<li className="mt-4">
51+
<a
52+
href="https://discord.gg/WrRKjPJ"
53+
className="text-base leading-6 text-gray-500 hover:text-gray-900"
54+
>
55+
#TanStack Discord
56+
</a>
57+
</li>
58+
<li className="mt-4">
59+
<a
60+
href="http://stackoverflow.com/questions/tagged/react-query"
61+
className="text-base leading-6 text-gray-500 hover:text-gray-900"
62+
>
63+
Stack Overflow
64+
</a>
65+
</li>
66+
<li className="mt-4">
67+
<a
68+
href="https://github.com/tannerlinsley/react-query/releases"
69+
className="text-base leading-6 text-gray-500 hover:text-gray-900"
70+
>
71+
Releases
72+
</a>
73+
</li>
74+
<li className="mt-4">
75+
<a
76+
className="github-button"
77+
href="https://github.com/tannerlinsley/react-query"
78+
data-color-scheme="no-preference: light; light: light; dark: dark;"
79+
data-icon="octicon-star"
80+
data-size="large"
81+
data-show-count="true"
82+
aria-label="Star tannerlinsley/react-query on GitHub"
83+
>
84+
Star
85+
</a>
86+
</li>
87+
</ul>
88+
</div>
89+
<div className="mt-12 md:mt-0">
90+
<CarbonAds />
9391
</div>
9492
<div className="mt-8 xl:mt-0">
9593
<h4 className="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">

0 commit comments

Comments
 (0)