Merge pull request #84 from Suwayomi/main

move quick search modal and make outer div tabindex -1
Suwayomi · Nov 14, 2023 · 9d30a1d · 9d30a1d
2 parents 0af4e12 + 76dd62a
commit 9d30a1d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -15,7 +15,7 @@
 	} from '@skeletonlabs/skeleton';
 	import ChapterDrawer from './(app)/manga/[MangaID]/chapter/[ChapterID]/chapterDrawer.svelte';
 	import { onMount } from 'svelte';
-	import QuickSearchModal from '$lib/components/QuickSearchModal.svelte';
+	import QuickSearchModal from './QuickSearchModal.svelte';
 
 	storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow });
 	initializeStores();

diff --git a/src/lib/components/QuickSearchModal.svelte → src/routes/QuickSearchModal.svelte b/src/lib/components/QuickSearchModal.svelte → src/routes/QuickSearchModal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Image from './Image.svelte';
+	import Image from '../lib/components/Image.svelte';
 	import { getModalStore } from '@skeletonlabs/skeleton';
-	import IconWrapper from './IconWrapper.svelte';
+	import IconWrapper from '../lib/components/IconWrapper.svelte';
 	import {
 		sources as getSources,
 		type Exact,
@@ -16,7 +16,7 @@
 	} from '$lib/generated';
 	import type { Readable } from 'svelte/motion';
 	import type { ApolloQueryResult, ObservableQuery } from '@apollo/client';
-	import { ISOLanguages } from '../../routes/(app)/browse/languages';
+	import { ISOLanguages } from './(app)/browse/languages';
 	import { goto } from '$app/navigation';
 	import type { SvelteComponent } from 'svelte';
 	export let parent: SvelteComponent;
@@ -243,7 +243,7 @@
 			class="tabindex input rounded-2xl"
 			type="text"
 		/>
-		<div class="card mt-1 rounded-2xl max-h-96 overflow-y-auto">
+		<div tabindex="-1" class="card mt-1 rounded-2xl max-h-96 overflow-y-auto">
 			{#each items as item, index}
 				<a
 					tabindex={index !== 0 ? 0 : -1}