Mawoka
40 lines
1.0 KiB
Svelte
40 lines
1.0 KiB
Svelte
<!--
|
|
- 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>
|