ui fix

src/App.svelte

@@ -271,49 +271,53 @@
 		overflow-y-auto
 		border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
 	>
-		{#each search_data as item, i}
+		{#if search_data[0] === "not found"}
-			<div
+			<p class="p-2">Не найдено</p>
-				class="p-2
+		{:else}
+			{#each search_data as item, i}
+				<div
+					class="p-2
 				flex justify-between items-center
 				{i === search_data.length - 1 ? '' : 'border-b-2'}
 				 border-[var(--w-border)] dark:border-[var(--b-border)]"
-			>
+				>
-				{#if search_type === "teacher-list"}
+					{#if search_type === "teacher-list"}
-					<p>{item.label}</p>
+						<p>{item.label}</p>
-				{:else}
+					{:else}
-					<p>{item}</p>
+						<p>{item}</p>
-				{/if}
+					{/if}
-				<button
+					<button
-					class="min-w-[40px] min-h-[40px]
+						class="min-w-[40px] min-h-[40px]
 						text-3xl text-[--w-green] dark:text-[var(--b-green)]
 						border-[1px] border-[var(--w-green)] dark:border-[var(--b-green)]"
-					on:click={() => {
+						on:click={() => {
-						if (item === "not found") {
+							if (item === "not found") {
-							return;
+								return;
-						}
+							}
-						data.saved.push({
+							data.saved.push({
-							type: {
+								type: {
-								"group-list": "group",
+									"group-list": "group",
-								"teacher-list": "teacher",
+									"teacher-list": "teacher",
-								"aud-list": "aud",
+									"aud-list": "aud",
-							}[search_type],
+								}[search_type],
-							name:
+								name:
-								search_type === "teacher-list"
+									search_type === "teacher-list"
-									? item.label
+										? item.label
-									: item,
+										: item,
-						});
+							});
-						search_value = "";
+							search_value = "";
-						search_data = [];
+							search_data = [];
-						data.selected = data.saved.length - 1;
+							data.selected = data.saved.length - 1;
-						save_to_ls();
+							save_to_ls();
-						get_rasp();
+							get_rasp();
-						is_settings_open = false;
+							is_settings_open = false;
-					}}
+						}}
-				>
+					>
-					+
+						+
-				</button>
+					</button>
-			</div>
+				</div>
-		{/each}
+			{/each}
+		{/if}
 	</div>
 
 	<button
@@ -357,21 +361,24 @@
 			class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
 		>
 			<Cache></Cache>
-			<p>- Показывает последние сохраненные данные</p>
+			<p class="max-[683px]:hidden">-</p>
+			<p>Показывает последние сохраненные данные</p>
 		</div>
 
 		<div
 			class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
 		>
 			<X></X>
-			<p>- Данные не загрузились</p>
+			<p class="max-[424px]:hidden">-</p>
+			<p>Данные не загрузились</p>
 		</div>
 
 		<div
 			class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
 		>
 			<Checked></Checked>
-			<p>- Покавзывает актуальные данные</p>
+			<p class="max-[546px]:hidden">-</p>
+			<p>Покавзывает актуальные данные</p>
 		</div>
 	</div>
 

src/lib/Dialog.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div
-	class="absolute top-0 w-full h-screen z-10
+	class="absolute top-0 w-full h-screen z-10 py-4
 	max-w-full max-h-full
 	flex justify-center items-center
 	backdrop-blur-sm
@@ -16,7 +16,7 @@
 	transition-all duration-300"
 >
 	<div
-		class="size-[700px] mx-4 flex flex-col
+		class="w-[700px] h-full mx-4 flex flex-col
 		border-[var(--w-border)] dark:border-[var(--b-border)] border-2 rounded-xl
 		bg-[var(--w-bg)] dark:bg-[var(--b-bg)]
 		text-[var(--w-text)] dark:text-[var(--b-text)] text-2xl

src/lib/Pair.svelte

@@ -4,7 +4,7 @@
 
 {#if pairs.schedulePairs.length === 1}
 	<div
-		class="w-auto m-2
+		class="w-full m-2
 		border-[1px] rounded-xl border-[var(--w-border)] dark:border-[var(--b-border)]
 		{pairs.isCurrentPair ? 'bg-[var(--w-blue)] dark:bg-[var(--b-blue)]' : ''}
 		"