diff --git a/src/components/button/MainButton.vue b/src/components/button/MainButton.vue index 90061843..947a279a 100644 --- a/src/components/button/MainButton.vue +++ b/src/components/button/MainButton.vue @@ -10,6 +10,7 @@ defineProps<{ iconOnly?: boolean; solid?: boolean; outlined?: boolean; + pill?: boolean; disabled?: boolean; dark?: boolean; }>(); @@ -22,6 +23,7 @@ defineProps<{ :class="{ 'main-btn__solid': solid && !outlined, 'main-btn__outline': !solid && outlined, + 'main-btn__pill': pill, 'main-btn__dark': dark, 'main-btn__icon-only': iconOnly, }" @@ -113,4 +115,8 @@ defineProps<{ border: 1px solid hsla(0 0% 0% / 0.3); } } + +.main-btn__pill { + border-radius: 999rem; +}