4 changed files with 12 additions and 78 deletions
			
			
		| @ -1,67 +0,0 @@ | |||
| <template> | |||
|   <!-- CONTENT --> | |||
|   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> | |||
|     <!-- Breadcrumb --> | |||
|     <div id="ViewBreadcrumb" class="mb-8"> | |||
|       <h1 class="text-lg text-center font-light relative px-7"> | |||
|         <!-- Cancel --> | |||
|         <router-link | |||
|           :to="{ name: 'project' }" | |||
|           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" | |||
|           ><fa icon="chevron-left" class="fa-fw"></fa> | |||
|         </router-link> | |||
| 
 | |||
|         Make Commitment | |||
|       </h1> | |||
|     </div> | |||
| 
 | |||
|     <!-- Project Details --> | |||
| 
 | |||
|     <select class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"> | |||
|       <option disabled>Choose a commitment type…</option> | |||
|       <option selected>Time</option> | |||
|       <option>Cryptocurrency</option> | |||
|       <option>Money</option> | |||
|     </select> | |||
| 
 | |||
|     <!-- Time amount --> | |||
|     <div class="mb-4 flex items-stretch"> | |||
|       <input | |||
|         type="number" | |||
|         placeholder="0.0" | |||
|         class="block w-full rounded-l border border-slate-400 px-3 py-2" | |||
|       /> | |||
|       <span | |||
|         class="px-4 py-2 rounded-r bg-slate-200 border border-l-0 border-slate-400" | |||
|         >hours</span | |||
|       > | |||
|     </div> | |||
| 
 | |||
|     <!-- Crypto amount --> | |||
| 
 | |||
|     <!-- Money amount --> | |||
| 
 | |||
|     <div class="mt-8"> | |||
|       <input | |||
|         type="submit" | |||
|         class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2" | |||
|         value="Commit" | |||
|       /> | |||
|       <button | |||
|         type="button" | |||
|         class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md" | |||
|       > | |||
|         Maybe Later | |||
|       </button> | |||
|     </div> | |||
|   </section> | |||
| </template> | |||
| 
 | |||
| <script lang="ts"> | |||
| import { Component, Vue } from "vue-facing-decorator"; | |||
| 
 | |||
| @Component({ | |||
|   components: {}, | |||
| }) | |||
| export default class NewEditCommitmentView extends Vue {} | |||
| </script> | |||
					Loading…
					
					
				
		Reference in new issue