tiradoe/movie-night-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated list settings to use button action components

Browse source
This commit is contained in:
Edward Tirado Jr 2026-04-16 17:58:28 -05:00
parent 84f369f4c6
commit 8e48132561
6 changed files with 49 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/components/common/button-action.vue
View file

@ -1,20 +1,27 @@
<script lang="ts" setup>
defineProps<{
const props = defineProps<{
buttonText: string
buttonColor?: 'primary' | 'warning' | 'danger'
}>()
const buttonColor = computed(() => props.buttonColor || 'primary')
const emit = defineEmits(['action'])
</script>
<template>
<button @click="emit('action')">{{ buttonText }}</button>
<button
:style="{ 'background-color': `var(--color-button-${buttonColor})` }"
@click="emit('action')"
>
{{ buttonText }}
</button>
</template>
<style scoped>
button {
padding: 0.5rem 1rem;
border-radius: 0.25rem;
background-color: var(--color-action-button);
color: var(--color-action-button-text);
border: none;
cursor: pointer;