From 7301eab99ca0c5ba05ef983c947058c9b36674fa Mon Sep 17 00:00:00 2001
From: tillcash <tillcash@users.noreply.github.com>
Date: Wed, 4 Dec 2024 22:45:03 +0530
Subject: [PATCH] Add Dynamic Disable Functionality to Navigation Buttons

---
 src/assets/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/index.html b/src/assets/index.html
index a755949..1f461f4 100644
--- a/src/assets/index.html
+++ b/src/assets/index.html
@@ -330,10 +330,10 @@
                     <span class="icon">{% inline "external-link.svg" %}</span>
                 </a>
                 <div class="flex-grow-1"></div>
-                <button class="toolbar-item" @click="navigateToItem(-1)" title="Previous Article">
+                <button class="toolbar-item" @click="navigateToItem(-1)" title="Previous Article" :disabled="itemSelected == items[0].id">
                     <span class="icon">{% inline "chevron-left.svg" %}</span>
                 </button>
-                <button class="toolbar-item" @click="navigateToItem(+1)" title="Next Article">
+                <button class="toolbar-item" @click="navigateToItem(+1)" title="Next Article" :disabled="itemSelected == items[items.length - 1].id">
                     <span class="icon">{% inline "chevron-right.svg" %}</span>
                 </button>
                 <button class="toolbar-item" @click="itemSelected=null" title="Close Article">