improved styling for movie search and added some css variables for colors
This commit is contained in:
parent
8ebb55e31a
commit
338cd36166
11 changed files with 87 additions and 21 deletions
22
app/components/common/button-action.vue
Normal file
22
app/components/common/button-action.vue
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<script lang="ts" setup>
|
||||
defineProps<{
|
||||
buttonText: string
|
||||
}>()
|
||||
|
||||
const emit = defineEmits(['action'])
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<button @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;
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue