Upload avatar

src/components/IconButton/index.svelte

@@ -6,6 +6,7 @@
   export let buttonClassName = '';
   export let contained = false;
   export let value = '';
+  export let size = 'large';
   export let toolTipProps = {
     title: '',
     hotkeys: [],
@@ -23,7 +24,7 @@
   direction={toolTipProps.direction}
 >
   <button
-    class="root {selected && 'active'} {contained &&
+    class="root {selected && 'active'} {size} {contained &&
       'contained'} {buttonClassName}"
     {disabled}
     on:click={handleClick}
@@ -58,6 +59,10 @@
     }
   }
 
+  .root.small {
+    padding: 5px;
+  }
+
   .contained {
     background-color: rgba(0, 0, 0, 0.04);
   }