Skip to content

Commit 962f0b6

Browse files
authored
fix(start): update layout to better render the icons with the links (#443)
1 parent 9acdfea commit 962f0b6

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/routes/_libraries/start.$version.index.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -111,34 +111,34 @@ export default function VersionIndex() {
111111
keeping up with the latest releases.
112112
</div>
113113
</div>
114-
<div className="grid items-center gap-2 justify-center grid-cols-2 w-[600px] max-w-full mx-auto">
114+
<div className="grid items-center gap-2 justify-center grid-cols-1 sm:grid-cols-2 w-[600px] max-w-full mx-auto">
115115
<Link
116116
to="/start/latest/docs/framework/react/examples/start-basic"
117-
className={`flex items-center gap-2 py-2 px-4 bg-cyan-900 rounded text-white uppercase font-extrabold`}
117+
className="flex items-center gap-2 py-2 px-4 bg-cyan-900 rounded text-white uppercase font-extrabold"
118118
>
119-
<VscPreview /> See an Example
119+
<VscPreview className="min-w-4" /> See an Example
120120
</Link>
121121
<Link
122122
to="/start/latest/docs/framework/react/overview"
123-
className={`flex items-center gap-2 py-2 px-4 bg-cyan-800 rounded text-white uppercase font-extrabold`}
123+
className="flex items-center gap-2 py-2 px-4 bg-cyan-800 rounded text-white uppercase font-extrabold"
124124
>
125-
<FaBook /> Try the BETA
125+
<FaBook className="min-w-4" /> Try the BETA
126126
</Link>
127127
<a
128128
href={`https://github.com/tanstack/tanstack.com`}
129129
className={`flex items-center gap-2 py-2 px-4 bg-cyan-700 rounded text-white uppercase font-extrabold`}
130130
>
131-
<FaGithub /> TanStack.com Source
131+
<FaGithub className="min-w-4" /> TanStack.com Source
132132
</a>
133133
<a
134134
href={`https://twitter.com/intent/post?text=${encodeURIComponent(
135135
`TanStack Start is in BETA! It's a new full-stack React framework from @Tan_Stack and you can check it out at https://tanstack.com/start/`
136136
)}`}
137137
target="_blank"
138-
className={`flex items-center gap-2 py-2 px-4 bg-cyan-500 rounded text-white uppercase font-extrabold`}
138+
className="flex items-center gap-2 py-2 px-4 bg-cyan-500 rounded text-white uppercase font-extrabold"
139139
rel="noreferrer"
140140
>
141-
<FaTwitter /> Tweet about it!
141+
<FaTwitter className="min-w-4" /> Tweet about it!
142142
</a>{' '}
143143
</div>
144144
</div>

0 commit comments

Comments
 (0)