gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

style: improve base modal close button

Browse source
This commit is contained in:
Twig 2025-07-17 16:09:10 +02:00
parent b8cbbf1f86
commit d2ff4ac87c
No known key found for this signature in database
2 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/UserInterface/Button.vue
View file

@ -1,6 +1,7 @@
<template>
<button @click="props.callback ? props.callback() : null" class="button" :class="props.variant + '-button'">
{{ props.text }}
<button class="button" :class="props.variant + '-button'"
@click="props.callback ? props.callback() : null">
{{ props.text }}
</button>
</template>
@ -9,7 +10,7 @@
const props = defineProps<{
text: string,
callback?: CallableFunction,
variant?: "normal" | "scary" | "neutral",
variant?: "normal" | "scary" | "neutral" | "stealth",
}>();
</script>
@ -50,4 +51,11 @@ const props = defineProps<{
background-color: var(--accent-highlighted-color);
}
.stealth-button {
background-color: unset;
}
.stealth-button:hover {
background-color: unset;
}
</style>