✨ Editor and backend!

frontend/src/lib/editor/slides/settings_menu.svelte

@@ -0,0 +1,39 @@
+<!--
+  - This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at https://mozilla.org/MPL/2.0/.
+  -->
+<script lang="ts">
+	import { fade } from 'svelte/transition';
+
+	export let title;
+	export let time;
+	let time_local = 120;
+	/*eslint no-unused-vars: ["error", { "argsIgnorePattern": "^_" }]*/
+	$: time = String(time_local);
+	if (time) {
+		time_local = parseInt(time);
+	}
+</script>
+
+<div
+	class="bg-white m-auto rounded-lg shadow-lg p-4 dark:bg-gray-600 h-fit gap-2 w-fit auto-cols-min flex"
+	transition:fade={{ duration: 100 }}
+>
+	<label class="w-fit">
+		Time
+		<input
+			bind:value={time}
+			type="number"
+			class="w-20 bg-transparent rounded-lg text-lg border-2 border-gray-500 p-1 outline-none"
+		/>
+	</label>
+	<label class="w-fit">
+		Title
+		<input
+			bind:value={title}
+			type="text"
+			class="bg-transparent rounded-lg text-lg border-2 border-gray-500 p-1 transition outline-none"
+		/>
+	</label>
+</div>