diff options
| author |  Matthew Phillips <matthew@skypack.dev>
| 2023-09-28 03:21:56 +0800 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-09-27 15:21:56 -0400 |
| commit | e6be2d8146c3ada274cd3630e15cafc42ce80b2d (patch) | |
| tree | b5f7bf8157584ac1aaa5fbeddb4345f0579a4056 /examples/view-transitions/src/components/Nav.astro | |
| parent | 5121740de72535edd5cf227d1ab18da1024546c8 (diff) | |
| download | astro-e6be2d8146c3ada274cd3630e15cafc42ce80b2d.tar.gz astro-e6be2d8146c3ada274cd3630e15cafc42ce80b2d.tar.zst astro-e6be2d8146c3ada274cd3630e15cafc42ce80b2d.zip | |
Add View Transitions announcer (#8621)
* Add View Transitions announcer
* fix astro check
* Append the text in a setTimeout
* Use 60 for the timeout
* Add comment on magic number
* Add a changeset
* Update .changeset/small-rules-relax.md
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
* Bring back announce logic
* Remove mention of env file
---------
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Diffstat (limited to 'examples/view-transitions/src/components/Nav.astro')
| -rw-r--r-- | examples/view-transitions/src/components/Nav.astro | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/examples/view-transitions/src/components/Nav.astro b/examples/view-transitions/src/components/Nav.astro new file mode 100644 index 000000000..c0ca3d5e3 --- /dev/null +++ b/examples/view-transitions/src/components/Nav.astro @@ -0,0 +1,16 @@ +<nav class="nav border-b border-gray-800 sticky top-0 z-30 bg-gray-900"> + <div class="container mx-auto px-4 flex flex-col md:flex-row items-center justify-between px-4 py-6"> + <ul class="flex flex-col md:flex-row items-center"> + <li> + <a href="/" class="flex items-center font-bold text-xl"> + <span>Movies</span> + + <span class="text-orange-500">List</span> + </a> + </li> + <li class="md:ml-16 mt-3 md:mt-0"> + <a href="/" class="hover:text-gray-300">Movies</a> + </li> + </ul> + </div> +</nav> |