Spaces:
Runtime error
Runtime error
File size: 568 Bytes
ca5bd83 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<script lang="ts">
import { loading } from '$lib/stores';
$: text = $loading ? 'Composing...' : 'Compose ✨';
</script>
<button disabled={$loading}>{text}</button>
<style>
button {
display: block;
font-size: 1.2rem;
font-family: 'Lato', sans-serif;
font-weight: 700;
color: hsl(0 0% 97%);
background: transparent;
border: 3px solid hsl(0 0% 97%);
border-radius: 0.375rem;
padding: 0.5rem 1rem;
cursor: pointer;
margin: 1rem auto 2rem;
}
button[disabled] {
border-color: hsl(0 0% 50%);
color: hsl(0 0% 50%);
cursor: initial;
}
</style>
|