From 2f7c8ce0bbc7ecc13f6670e4575678a2ff0d7432 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 16 Jan 2024 02:21:25 -0800
Subject: feat(anime): thumbnail mode

---
 src/lib/Media/Anime/Airing/time.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'src/lib/Media/Anime/Airing')

diff --git a/src/lib/Media/Anime/Airing/time.ts b/src/lib/Media/Anime/Airing/time.ts
index bcad803f..0f24ccc4 100644
--- a/src/lib/Media/Anime/Airing/time.ts
+++ b/src/lib/Media/Anime/Airing/time.ts
@@ -4,6 +4,7 @@ import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
 import settings from '$stores/settings';
 import { injectAiringTime } from './Subtitled/match';
 import { totalEpisodes } from '../episodes';
+import { get } from 'svelte/store';
 
 export const airingTime = (
 	originalAnime: Media,
@@ -70,13 +71,15 @@ export const airingTime = (
 				hours ? `${hours.toFixed(3)} hours` : ''
 			}" style="opacity: ${opacity}%;">${anime.nextAiringEpisode?.episode}${totalEpisodes(
 				anime
-			)} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span></span>`;
+			)} in ${timeFrame} <span style="opacity: 50%">${
+				few && get(settings).displayThumbnailMode ? '<br>' : ''
+			}${few ? `(${time})` : ''}</span></span>`;
 		else
 			return `<span title="${
 				hours ? `${hours.toFixed(3)} hours` : ''
 			}" style="opacity: ${opacity}%;">${anime.nextAiringEpisode?.episode} in ${
-				few ? '<b>' : ''
-			}${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`;
+				few && get(settings).displayThumbnailMode ? '<br>' : ''
+			}${few ? '<b>' : ''}${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`;
 	}
 
 	return '';
-- 
cgit v1.2.3