| commit | author | age | ||
| 2c19b5 | 1 | <template> |
| c39477 | 2 | <h2>Add Resource</h2> |
| CM | 3 | <base-card> |
| 4 | <form> | |
| 5 | <div class="form-control"> | |
| 6 | <label for="title">Title</label> | |
| 7 | <input id="title" name="title" type="text" /> | |
| 8 | </div> | |
| 9 | <div class="form-control"> | |
| 10 | <label for="description">Description</label> | |
| 11 | <textarea id="description" name="description" type="text" rows="3"></textarea> | |
| 12 | </div> | |
| 13 | <div class="form-control"> | |
| 14 | <label for="link">Link</label> | |
| 15 | <input id="link" name="link" type="url" /> | |
| 16 | </div> | |
| 17 | <div> | |
| 18 | <base-button type="submit">Add Resource</base-button> | |
| 19 | </div> | |
| 20 | </form> | |
| 21 | </base-card> | |
| 2c19b5 | 22 | </template> |
| CM | 23 | |
| c39477 | 24 | <script> |
| CM | 25 | export default {}; |
| 26 | </script> | |
| 2c19b5 | 27 | |
| c39477 | 28 | <style scoped> |
| CM | 29 | label { |
| 30 | font-weight: bold; | |
| 31 | display: block; | |
| 32 | margin-bottom: 0.5rem; | |
| 33 | } | |
| 34 | ||
| 35 | input, | |
| 36 | textarea { | |
| 37 | display: block; | |
| 38 | width: 100%; | |
| 39 | font: inherit; | |
| 40 | padding: 0.15rem; | |
| 41 | border: 1px solid #ccc; | |
| 42 | } | |
| 43 | ||
| 44 | input:focus, | |
| 45 | textarea:focus { | |
| 46 | outline: none; | |
| 47 | border-color: #3a0061; | |
| 48 | background-color: #f7ebff; | |
| 49 | } | |
| 50 | ||
| 51 | .form-control { | |
| 52 | margin: 1rem 0; | |
| 53 | } | |
| 54 | </style> | |
