small improvements

reown-com · Jan 31, 2024 · 28afbb2 · 28afbb2
1 parent e8fb82f
commit 28afbb2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 11 deletions.
diff --git a/packages/scaffold/src/views/w3m-unsupported-chain-view/index.ts b/packages/scaffold/src/views/w3m-unsupported-chain-view/index.ts
@@ -28,12 +28,7 @@ export class W3mUnsupportedChainView extends LitElement {
   // -- Render -------------------------------------------- //
   public override render() {
     return html`
-      <wui-flex
-        class="container"
-        flexDirection="column"
-        .padding=${['0', '0', '0', '0'] as const}
-        gap="0"
-      >
+      <wui-flex class="container" flexDirection="column" gap="0">
         <wui-flex
           class="container"
           flexDirection="column"

diff --git a/packages/ui/src/composites/wui-network-image/index.ts b/packages/ui/src/composites/wui-network-image/index.ts
@@ -15,7 +15,7 @@ export class WuiNetworkImage extends LitElement {
   public static override styles = [resetStyles, styles]
 
   // -- State & Properties -------------------------------- //
-  @property() public size: Exclude<SizeType, 'inherit' | 'xl' | 'xs' | 'xxs'> = 'md'
+  @property() public size: Exclude<SizeType, 'inherit' | 'xl' | 'xs' | 'mdl' | 'xxs'> = 'md'
 
   @property() public name = 'uknown'
 
@@ -25,8 +25,7 @@ export class WuiNetworkImage extends LitElement {
 
   // -- Render -------------------------------------------- //
   public override render() {
-    const isLg = this.size === 'lg'
-    const isMd = this.size === 'md'
+    const networkImagesBySize = { sm: networkSvgSm, md: networkSvgMd, lg: networkSvgLg }
     this.style.cssText = `
       --local-stroke: ${
         this.selected ? 'var(--wui-color-accent-100)' : 'var(--wui-gray-glass-010)'
@@ -38,7 +37,7 @@ export class WuiNetworkImage extends LitElement {
     `
 
     // eslint-disable-next-line no-nested-ternary
-    return html`${this.templateVisual()} ${isLg ? networkSvgLg : isMd ? networkSvgMd : networkSvgSm}`
+    return html`${this.templateVisual()} ${networkImagesBySize[this.size]}`
   }
 
   // -- Private ------------------------------------------- //

diff --git a/packages/ui/src/utils/ThemeUtil.ts b/packages/ui/src/utils/ThemeUtil.ts
@@ -163,7 +163,7 @@ function createRootStyles(themeVariables?: ThemeVariables) {
         --wui-height-network-md: 54px;
         --wui-height-network-lg: 96px;
 
-        --wui-icon-size-network-sm: 10px;
+        --wui-icon-size-network-sm: 16px;
         --wui-icon-size-network-md: 24px;
         --wui-icon-size-network-lg: 42px;