feat(toggle-button): sync with Figma

vuesion · Jun 7, 2024 · 33e0673 · 33e0673
1 parent 89da877
commit 33e0673
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/input-and-actions/VueToggleButton/VueToggleButton.vue b/src/components/input-and-actions/VueToggleButton/VueToggleButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="[$style.vueToggleButton, $style[size]]">
+  <vue-inline space="0" :class="[$style.vueToggleButton, $style[size]]">
     <vue-button
       v-for="(item, idx) in items"
       :key="`${item.value}-${idx}`"
@@ -13,14 +13,15 @@
     >
       <component :is="`vue-icon-${item.leadingIcon}`" />
     </vue-button>
-  </div>
+  </vue-inline>
 </template>
 
 <script setup lang="ts">
 import { useCssModule } from 'vue';
 import type { IItem } from '~/interfaces/IItem';
 import VueButton from '~/components/input-and-actions/VueButton/VueButton.vue';
 import type { ShirtSize } from '~/components/prop-types';
+import VueInline from '~/components/layout/VueInline/VueInline.vue';
 
 // Interface
 interface ToggleButtonProps {
@@ -56,8 +57,6 @@ const isChecked = (item: IItem) => {
 @import 'assets/_design-system.scss';
 
 .vueToggleButton {
-  display: inline-flex;
-
   .button {
     aspect-ratio: 1 / 1;
     border-radius: 0;