| commit | author | age | ||
| ff51ab | 1 | <template> |
| CM | 2 | <section> |
| 3 | <h2>Available Badges</h2> | |
| 4 | <ul> | |
| 5 | <li> | |
| 6 | <base-badge type="admin" caption="ADMIN"></base-badge> | |
| 7 | </li> | |
| 8 | <li> | |
| 9 | <base-badge type="author" caption="AUTHOR"></base-badge> | |
| 10 | </li> | |
| 11 | </ul> | |
| 12 | </section> | |
| 13 | </template> | |
| 14 | ||
| ac100d | 15 | <style scoped> |
| CM | 16 | section { |
| 17 | margin: 2rem auto; | |
| 18 | max-width: 30rem; | |
| 19 | border-radius: 12px; | |
| 20 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); | |
| 21 | padding: 1rem; | |
| 22 | } | |
| 23 | ||
| ff51ab | 24 | section h2 { |
| CM | 25 | margin: 0.5rem 0; |
| 26 | color: #3a3a3a; | |
| 27 | } | |
| 28 | ul { | |
| 29 | list-style: none; | |
| 30 | margin: 0; | |
| 31 | padding: 0; | |
| 32 | display: flex; | |
| 33 | flex-direction: row; | |
| 34 | } | |
| 35 | ||
| 36 | li { | |
| 37 | margin-right: 1rem; | |
| 38 | } | |
| 39 | </style> | |
