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

initial commit

Browse source
This commit is contained in:
Edward Tirado Jr 2026-02-16 19:12:00 -06:00
commit 869be69d67
42 changed files with 11444 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
app/components/forms/create-list-form.vue Normal file
View file

@ -0,0 +1,32 @@
<script lang="ts" setup>
</script>
<template>
<form>
<label for="list_name">Add List</label>
<div>
<input class="" name="list_name"
placeholder="List Name"
type="text">
<button>Add</button>
</div>
</form>
</template>
<style scoped>
button {
background-color: #4caf50;
color: white;
padding: .5rem 1rem;
border: none;
border-radius: 0 4px 4px 0;
}
input {
padding: .5rem;
border: 1px solid #ccc;
border-right: none;
border-radius: 4px 0 0 4px;
}
</style>

25
app/components/forms/password-reset-form.vue Normal file
View file

@ -0,0 +1,25 @@
<script lang="ts" setup>
</script>
<template>
<form class="password-form">
<div class="form-group">
<label for="current-password">Current Password</label>
<input id="current-password" type="password"/>
</div>
<div class="form-group">
<label for="new-password">New Password</label>
<input id="new-password" type="password"/>
</div>
</form>
</template>
<style scoped>
.form-group {
display: flex;
flex-direction: column;
gap: 1rem;
}
</style>

36
app/components/forms/profile-form.vue Normal file
View file

@ -0,0 +1,36 @@
<script lang="ts" setup>
</script>
<template>
<form class="profile-form">
<div class="form-group">
<label for="profile-first-name">First Name</label>
<input id="profile-first-name" type="text"/>
</div>
<div class="form-group">
<label for="profile-last-name">Last Name</label>
<input id="profile-last-name" type="text"/>
</div>
<div class="form-group">
<label for="profile-location">Location</label>
<input id="profile-location" type="text"/>
</div>
<div class="form-group">
<label for="profile-pic">Profile Picture</label>
<input id="profile-pic" type="file"/>
</div>
</form>
</template>
<style scoped>
.form-group {
display: flex;
flex-direction: column;
gap: 1rem;
}
</style>