| 1 | <template> |
| 2 | <div class="pill-wrapper flex items-center"> |
| 3 | <slot /> |
| 4 | </div> |
| 5 | </template> |
| 6 | |
| 7 | <style lang="scss" scoped> |
| 8 | .pill-wrapper { |
| 9 | background-color: var(--bg-sidebar-color); |
| 10 | border: 1px solid var(--border-color); |
| 11 | color: var(--fg-default-color); |
| 12 | border-radius: 50px; |
| 13 | padding: 6px; |
| 14 | transition: all 0.3s; |
| 15 | gap: 14px; |
| 16 | } |
| 17 | </style> |