Skip to content

Commit cb4ef08

Browse files
committed
Update banner
1 parent 2e7f60e commit cb4ef08

File tree

1 file changed

+18
-8
lines changed

1 file changed

+18
-8
lines changed

src/components/Header.js

Lines changed: 18 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -178,20 +178,30 @@ export function Header({ navIsOpen, onNavToggle }) {
178178
<BannerMarkMobile className="sm:hidden absolute right-1/2 transform translate-x-[235px] translate-y-[-90px] w-[848px] h-[513px]" />
179179
<BannerMarkLeft className="hidden sm:block absolute right-1/2 transform translate-x-[-150px] translate-y-[-250px] w-[848px] h-[513px]" />
180180
<BannerMarkRight className="hidden sm:block absolute left-1/2 transform translate-x-[330px] translate-y-[-357px] w-[848px] h-[513px]" />
181-
<div className="relative flex justify-center items-center">
181+
<div className="relative sm:flex justify-center items-center">
182182
<div className="text-sm font-medium text-white">
183-
Just-in-Time: The Next Generation of Tailwind&nbsp;CSS
183+
You're looking at the documentation for{' '}
184+
<span class="whitespace-nowrap">Tailwind CSS v2.</span>{' '}
185+
</div>
186+
<div class="mt-1 sm:hidden">
187+
<a
188+
href="https://tailwindcss.com"
189+
className="text-sm text-white font-bold underline sm:hidden"
190+
>
191+
Go to Tailwind CSS v3 &rarr;
192+
</a>
184193
</div>
185194
<span
186195
aria-hidden="true"
187196
className="hidden sm:block mx-6 h-6 w-px bg-white bg-opacity-20"
188197
></span>
189-
<div className="ml-6 sm:ml-0">
190-
<Link href="/docs/just-in-time-mode">
191-
<a className="whitespace-nowrap inline-flex rounded-md bg-white py-2 px-3 text-xs font-semibold uppercase text-blue-500 hover:bg-opacity-90">
192-
Learn more &rarr;
193-
</a>
194-
</Link>
198+
<div className="hidden sm:block">
199+
<a
200+
href="https://tailwindcss.com"
201+
className="whitespace-nowrap inline-flex rounded-md bg-white py-2 px-3 text-xs font-semibold text-blue-500 hover:bg-opacity-90"
202+
>
203+
Go to Tailwind CSS v3 &rarr;
204+
</a>
195205
</div>
196206
</div>
197207
</div>

0 commit comments

Comments
 (0)