DUNGEONS-34: implement Webka local streaming app
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
31
frontend/components/GlassButton.vue
Normal file
31
frontend/components/GlassButton.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<script setup lang="ts">
|
||||
withDefaults(
|
||||
defineProps<{
|
||||
variant?: "primary" | "danger" | "quiet";
|
||||
type?: "button" | "submit";
|
||||
disabled?: boolean;
|
||||
}>(),
|
||||
{ variant: "quiet", type: "button" },
|
||||
);
|
||||
const ripple = ref(false);
|
||||
let timer: ReturnType<typeof setTimeout>;
|
||||
function press() {
|
||||
ripple.value = false;
|
||||
requestAnimationFrame(() => {
|
||||
ripple.value = true;
|
||||
timer = setTimeout(() => (ripple.value = false), 500);
|
||||
});
|
||||
}
|
||||
onBeforeUnmount(() => clearTimeout(timer));
|
||||
</script>
|
||||
<template>
|
||||
<button
|
||||
:type="type"
|
||||
:disabled="disabled"
|
||||
class="glass-button"
|
||||
:class="[variant, { ripple }]"
|
||||
@pointerdown="press"
|
||||
>
|
||||
<slot />
|
||||
</button>
|
||||
</template>
|
||||
Reference in New Issue
Block a user