Remove doubled-up padding on the divider links, add explicit flex align to the brand row
deploy / deploy (push) Successful in 9s
deploy / deploy (push) Successful in 9s
ps-3 stacked on top of nav-link's own padding made the gap after the border look uneven -- nav-link's built-in padding is enough on its own.
This commit is contained in:
1 parent
f351212395
commit
ec9278c0dd
1 file changed
+3
-3
+3
-3
@@ -1,5 +1,5 @@
|
|||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid d-flex align-items-center">
|
||||||
<a class="navbar-brand" href="/">Print server</a>
|
<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">
|
<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>
|
<span class="navbar-toggler-icon"></span>
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
<a class="nav-link <%= 'active' if request.path == '/' %>" href="/">Home</a>
|
<a class="nav-link <%= 'active' if request.path == '/' %>" href="/">Home</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link border-start ps-3 <%= 'active' if request.path.start_with?('/brother') %>" href="/brother">Brother</a>
|
<a class="nav-link border-start <%= 'active' if request.path.start_with?('/brother') %>" href="/brother">Brother</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link <%= 'active' if request.path == '/upload' %>" href="/upload">Shipping labels</a>
|
<a class="nav-link <%= 'active' if request.path == '/upload' %>" href="/upload">Shipping labels</a>
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
<a class="nav-link <%= 'active' if request.path == '/epson' %>" href="/epson">Receipts</a>
|
<a class="nav-link <%= 'active' if request.path == '/epson' %>" href="/epson">Receipts</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link border-start ps-3 <%= 'active' if request.path.start_with?('/labels') %>" href="/labels">Labels</a>
|
<a class="nav-link border-start <%= 'active' if request.path.start_with?('/labels') %>" href="/labels">Labels</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<% if request.path.start_with?('/brother') %>
|
<% if request.path.start_with?('/brother') %>
|
||||||
|
|||||||
Reference in new issue
Block a user