mirror of
https://github.com/sonr-io/sonr.git
synced 2026-08-03 01:41:44 +00:00
30 lines
794 B
Templ
30 lines
794 B
Templ
|
package layout
|
||
|
|
|
||
|
|
// Rows is a component that renders a flex container with a gap of 2 and a max width of 100%
|
||
|
|
templ Rows() {
|
||
|
|
<div class="flex flex-row w-full gap-2 md:gap-4">
|
||
|
|
{ children... }
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
|
||
|
|
// Spacer is a component that renders a <br/> tag
|
||
|
|
templ Spacer() {
|
||
|
|
<br/>
|
||
|
|
}
|
||
|
|
|
||
|
|
templ Separator(text string) {
|
||
|
|
<div class="relative py-6">
|
||
|
|
<div class="absolute inset-0 flex items-center"><span class="w-full border-t"></span></div>
|
||
|
|
<div class="relative flex justify-center text-xs uppercase">
|
||
|
|
<span class="px-2 bg-white text-neutral-500">{ text }</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
|
||
|
|
// Columns is a component that renders a flex container with a gap of 3 and a max width of 100%
|
||
|
|
templ Columns() {
|
||
|
|
<div class="flex flex-col h-full w-full gap-3 md:gap-6 md:flex-row">
|
||
|
|
{ children... }
|
||
|
|
</div>
|
||
|
|
}
|