From 69408447948657e92ed0c10ad9176bd81a1b22ca Mon Sep 17 00:00:00 2001
From: Developer
Date: Sat, 27 Jun 2026 03:40:39 +0200
Subject: style: add proper styling for nav-bar-divider in navbar

---
 resources/sass/_navbar.scss           |  5 +++++
 resources/views/layouts/app.blade.php | 10 ++++++++++
 2 files changed, 15 insertions(+)

diff --git a/resources/sass/_navbar.scss b/resources/sass/_navbar.scss
index 4645fa5..7e3daa8 100644
--- a/resources/sass/_navbar.scss
+++ b/resources/sass/_navbar.scss
@@ -18,3 +18,8 @@
 .nav-link:hover {
 	text-decoration: underline !important;
 }
+.nav-bar-divider {
+	display: inline;
+	padding: 0 8px;
+	font-size: 0.9rem;
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 9b22bac..fa1f0fa 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -72,6 +72,13 @@
 
     <style>
     @yield('styles')
+    .nav-bar-divider {
+        display: inline;
+        padding: 0 8px;
+        color: #fff;
+        opacity: 0.5;
+        user-select: none;
+    }
     </style>
     @if ( "new" == Request::route()->getName() || "popular" == Request::route()->getName() )
 	    {!! Rumenx\Feed\Feed::link( url('feed/' . Request::route()->getName()), 'atom', 'RSS-Feed for ' . Request::route()->getName() . ' Articles'); !!}
@@ -138,6 +145,9 @@
                                 <li class="nav-item">
                                     <a class="nav-link" href="{{ route('random') }}">{{ __('Random') }}</a>
                                 </li>
+                                <li class="nav-item nav-bar-divider">
+                                    <span class="nav-link" style="pointer-events: none;">|</span>
+                                </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="{{ route('cinema.index') }}">{{ __('Cinema') }}</a>
                                 </li>
-- 
cgit v1.2.3