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

improved styling for movie search and added some css variables for colors

Browse source
This commit is contained in:
Edward Tirado Jr 2026-04-16 16:20:52 -05:00
parent 8ebb55e31a
commit 338cd36166
11 changed files with 87 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/components/common/input-action.vue
View file

@ -5,6 +5,7 @@ defineProps<{
placeholder: string
buttonText: string
inputName: string
inputId?: string
}>()
const emit = defineEmits(['action'])
@ -13,7 +14,8 @@ const emit = defineEmits(['action'])
<template>
<div class="form-group">
<input v-model="model"
<input :id="inputId"
v-model="model"
:name="inputName"
:placeholder="placeholder"
type="text">
@ -24,8 +26,8 @@ const emit = defineEmits(['action'])
<style scoped>
button {
background-color: #4caf50;
color: white;
background-color: var(--color-action-button);
color: var(--color-action-button-text, white);
padding: .5rem 1rem;
border: none;
border-radius: 0 4px 4px 0;