mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-10-10 22:09:31 +00:00
feat: add modern content and navigation primitives
This commit is contained in:
1 parent
345f806d80
commit
091f9043ee
10 files changed
+158
-3
No files matched your search
@@ -0,0 +1,6 @@
|
||||
<div class="min-h-[104px]"></div>
|
||||
<header class="fixed inset-x-0 top-3 z-100 px-3 sm:top-5 sm:px-6">
|
||||
<div class="mx-auto max-w-7xl rounded-2xl border border-neutral-200/80 bg-neutral/85 px-3 shadow-lg shadow-neutral-950/5 backdrop-blur-xl dark:border-neutral-700/80 dark:bg-neutral-800/85">
|
||||
{{ partial "header/basic.html" . }}
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,7 @@
|
||||
{{ $value := .Get "value" | default "0" }}
|
||||
{{ $label := .Get "label" | default "Metric" }}
|
||||
<div class="rounded-2xl border border-neutral-200 bg-white/80 p-6 text-center shadow-sm dark:border-neutral-800 dark:bg-neutral-900/80">
|
||||
<p class="text-4xl font-black tracking-tight text-primary-600 dark:text-primary-400">{{ $value | markdownify }}</p>
|
||||
<p class="mt-2 font-bold text-neutral-950 dark:text-white">{{ $label | markdownify }}</p>
|
||||
{{ with .Inner }}<div class="mt-2 text-sm leading-6 text-neutral-600 dark:text-neutral-400">{{ . | markdownify }}</div>{{ end }}
|
||||
</div>
|
||||
@@ -0,0 +1,4 @@
|
||||
{{ $columns := .Get "columns" | default "3" }}
|
||||
<div class="not-prose my-10 grid gap-4 sm:grid-cols-2 {{ if eq $columns "4" }}lg:grid-cols-4{{ else }}lg:grid-cols-3{{ end }}">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
@@ -0,0 +1,7 @@
|
||||
{{ $title := .Get "title" | default "Step" }}
|
||||
{{ $number := .Get "number" }}
|
||||
<li class="relative">
|
||||
<span class="absolute -start-[2.1rem] top-0 flex h-8 w-8 items-center justify-center rounded-full bg-primary-600 text-sm font-black text-white ring-4 ring-neutral dark:ring-neutral-800">{{ $number | default "•" }}</span>
|
||||
<h3 class="text-lg font-bold text-neutral-950 dark:text-white">{{ $title | markdownify }}</h3>
|
||||
<div class="mt-1 text-neutral-600 dark:text-neutral-400">{{ .Inner | markdownify }}</div>
|
||||
</li>
|
||||
@@ -0,0 +1,3 @@
|
||||
<ol class="not-prose my-10 space-y-5 border-s border-primary-200 ps-6 dark:border-primary-900">
|
||||
{{ .Inner }}
|
||||
</ol>
|
||||
Reference in new issue
Block a user