From 79c4f988f23f054a961acf55fdc5ad14723bf8ed Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Fri, 27 Feb 2026 23:16:10 +0100
Subject: [PATCH] Refactor eid.js to define lantern counts for mobile and
 desktop, ensuring consistent lantern creation across devices

---
 Jellyfin.Plugin.Seasonals/Web/eid.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Web/eid.js b/Jellyfin.Plugin.Seasonals/Web/eid.js
index 7181f89..e20f046 100644
--- a/Jellyfin.Plugin.Seasonals/Web/eid.js
+++ b/Jellyfin.Plugin.Seasonals/Web/eid.js
@@ -1,5 +1,7 @@
 const config = window.SeasonalsPluginConfig?.Eid || {};
 const eid = config.EnableEid !== undefined ? config.EnableEid : true;
+const lanternCount = config.LanternCount !== undefined ? config.LanternCount : 8;
+const lanternCountMobile = config.LanternCountMobile !== undefined ? config.LanternCountMobile : 3;
 
 const eidSymbols = ['🌙', '⭐', '✨'];
 
@@ -39,11 +41,13 @@ observer.observe(document.body, {
 
 function createEid(container) {
     const starCount = 20;
-    const lanternCount = Math.floor(Math.random() * 3) + 4; // 4 to 6 lanterns
+    
+    let isMobile = window.matchMedia("only screen and (max-width: 768px)").matches;
+    let activeLanternCount = isMobile ? lanternCountMobile : lanternCount;
 
     // Create evenly spaced lanterns
-    const segmentWidth = 100 / lanternCount;
-    for (let i = 0; i < lanternCount; i++) {
+    const segmentWidth = 100 / activeLanternCount;
+    for (let i = 0; i < activeLanternCount; i++) {
         const symbol = document.createElement('div');
         symbol.className = 'eid-symbol lantern-rope';