x
1
2
3
4
5
6
7
8
9
<nav class="border-b border-gray-200 dark:border-gray-800 bg-white/80 dark:bg-gray-900/50 backdrop-blur sticky top-0 z-10">
<div class="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between">
<div class="flex items-center gap-6">
<span class="text-lg font-bold text-gray-900 dark:text-white">SolRengine</span>
</div>
<div class="flex items-center gap-3">
</div>
</div>
</nav>
1
2
3
4
5
6
7
8
9
10
11
render Solrengine::Ui::AppBarComponent.new do |bar|
bar.with_logo do
tag.span("SolRengine", class: "text-lg font-bold text-gray-900 dark:text-white")
end
bar.with_network_badge do
render Solrengine::Ui::NetworkBadgeComponent.new(network: "devnet")
end
bar.with_wallet_button do
render Solrengine::Ui::WalletButtonComponent.new
end
end