| commit | author | age | ||
| 4f1007 | 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 | ||
| 15 | <style scoped> | |
| 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 | section h2 { | |
| 24 | margin: 0.5rem 0; | |
| 25 | color: #3a3a3a; | |
| 26 | } | |
| 27 | ul { | |
| 28 | list-style: none; | |
| 29 | margin: 0; | |
| 30 | padding: 0; | |
| 31 | display: flex; | |
| 32 | flex-direction: row; | |
| 33 | } | |
| 34 | ||
| 35 | li { | |
| 36 | margin-right: 1rem; | |
| 37 | } | |
| 38 | </style> | |
