style: icon component set as flex

Teknasyon · Sep 20, 2022 · c54a36a · c54a36a
1 parent dc4cc0e
commit c54a36a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/Checkbox/Checkbox.stories.mdx b/src/components/Checkbox/Checkbox.stories.mdx
@@ -9,6 +9,12 @@ export const defaultArgs = {
     },
     defaultValue: 'checkbox',
   },
+  checked: {
+    control: {
+      type: 'boolean',
+    },
+    defaultValue: false,
+  },
   label: {
     control: {
       type: 'text',

diff --git a/src/components/Icon/Icon.vue b/src/components/Icon/Icon.vue
@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<Props>(), {
   name: 'face',
   kind: 'outlined',
   size: 24,
-  color: 'currentColor',
+  color: '',
   fontWeight: () => 'regular',
 });
 
@@ -22,6 +22,9 @@ const styles = computed(() => {
     fontSize: `${props.size}px`,
     fontWeight: `${props.fontWeight}`,
     color: props.color,
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
   };
 });