| commit | author | age | ||
| 4f1007 | 1 | <template> |
| CM | 2 | <section> |
| 3 | <base-card> | |
| 4 | <template v-slot:header> | |
| 5 | <h2>Available Badges</h2> | |
| 6 | </template> | |
| 7 | <template v-slot:default> | |
| 8 | <ul> | |
| 9 | <li> | |
| 10 | <base-badge type="admin" caption="ADMIN"></base-badge> | |
| 11 | </li> | |
| 12 | <li> | |
| 13 | <base-badge type="author" caption="AUTHOR"></base-badge> | |
| 14 | </li> | |
| 15 | </ul> | |
| 16 | </template> | |
| 17 | </base-card> | |
| 18 | </section> | |
| 19 | </template> | |
| 20 | ||
| 21 | <style scoped> | |
| 22 | section h2 { | |
| 23 | margin: 0.5rem 0; | |
| 24 | color: #3a3a3a; | |
| 25 | } | |
| 26 | ul { | |
| 27 | list-style: none; | |
| 28 | margin: 0; | |
| 29 | padding: 0; | |
| 30 | display: flex; | |
| 31 | flex-direction: row; | |
| 32 | } | |
| 33 | ||
| 34 | li { | |
| 35 | margin-right: 1rem; | |
| 36 | } | |
| 37 | </style> | |
