42 lines
1.1 KiB
Plaintext
42 lines
1.1 KiB
Plaintext
---
|
|
import Icon from "./Icon.astro";
|
|
|
|
export interface Props {
|
|
roadmapPermalink: string;
|
|
}
|
|
|
|
const { roadmapPermalink } = Astro.props;
|
|
---
|
|
|
|
<!-- Desktop: Roadmap Resources - Alert -->
|
|
<div
|
|
class="hidden sm:flex justify-between mb-0 sm:-mb-16 mt-7 px-2 bg-white border rounded-md items-center"
|
|
>
|
|
<p class="text-sm">
|
|
<span
|
|
class="text-yellow-900 bg-yellow-200 py-0.5 px-1 text-xs rounded-sm font-medium uppercase mr-0.5"
|
|
>New</span
|
|
>
|
|
Resources are here, try clicking nodes
|
|
</p>
|
|
|
|
<a
|
|
href={`${roadmapPermalink}/topics`}
|
|
class="inline-flex items-center justify-center py-1.5 text-sm font-medium rounded-md hover:text-black text-gray-500 px-1"
|
|
>
|
|
<Icon icon="search" />
|
|
<span class="ml-2">Search Topics</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Mobile - Roadmap resources alert -->
|
|
<p
|
|
class="block sm:hidden text-sm border border-yellow-500 text-yellow-700 rounded-md py-1.5 px-2 bg-white mt-5 relative"
|
|
>
|
|
We have added resources. Try clicking roadmap nodes or visit{" "}
|
|
<a href={`${roadmapPermalink}/topics`} class="text-blue-700 underline">
|
|
resources list
|
|
</a>
|
|
.
|
|
</p>
|