randy
f351212395
deploy / deploy (push) Successful in 10s
The vr utility needs stretch alignment from its flex parent to size correctly -- inside a plain nav-item li it collapsed/misaligned instead of showing as a clean vertical rule.
36 lines
1.7 KiB
ERB
36 lines
1.7 KiB
ERB
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="/">Print server</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link <%= 'active' if request.path == '/' %>" href="/">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link border-start ps-3 <%= 'active' if request.path.start_with?('/brother') %>" href="/brother">Brother</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link <%= 'active' if request.path == '/upload' %>" href="/upload">Shipping labels</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link <%= 'active' if request.path == '/epson' %>" href="/epson">Receipts</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link border-start ps-3 <%= 'active' if request.path.start_with?('/labels') %>" href="/labels">Labels</a>
|
|
</li>
|
|
</ul>
|
|
<% if request.path.start_with?('/brother') %>
|
|
<span class="navbar-text me-2">Printer:</span>
|
|
<div class="d-flex gap-1">
|
|
<% BROTHER_PRINTERS.each do |key, info| %>
|
|
<a href="/brother/<%= key %>/" class="btn btn-sm <%= request.path.start_with?("/brother/#{key}/") ? 'btn-primary' : 'btn-outline-secondary' %>"><%= info[:label].sub('Brother ', '') %></a>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</nav>
|