More UI improvements

src/lib/widgets/ComboWidget.svelte

@@ -136,7 +136,7 @@
 
 </script>
 
-<div class="wrapper comfy-combo" class:updated={lightUp}>
+<div class="wrapper comfy-combo" class:mobile={isMobile} class:updated={lightUp}>
     {#key $valuesForCombo}
         {#if node !== null && nodeValue !== null}
             {#if $valuesForCombo == null}
@@ -173,12 +173,14 @@
                                 <VirtualList
                                     items={filteredItems}
                                     width="100%"
-                                    height={300}
+                                    height={isMobile ? 300 : 600}
                                     itemCount={filteredItems?.length}
-                                    itemSize={50}
+                                    itemSize={isMobile ? 50 : 24}
+                                    overscanCount={5}
                                     scrollToIndex={hoverItemIndex}>
                                     <div slot="item"
                                          class="comfy-select-item"
+                                         class:mobile={isMobile}
                                          let:index={i}
                                          let:style
                                          {style}
@@ -260,7 +262,11 @@
  .comfy-select-list {
      height: 300px;
      width: 30rem;
-     background-color: white;
+
+     > :global(.virtual-list-wrapper) {
+         box-shadow: var(--block-shadow);
+         background-color: white;
+     }
 
      .comfy-empty-list {
          height: 100%;
@@ -268,12 +274,10 @@
          justify-content: center;
          align-items: center;
          font-size: xx-large;
-         color: var(--neutral-700)
+         color: var(--neutral-400)
      }
 
      .comfy-select-item {
-         font-size: 16px;
-         padding: 1.2rem;
          border: 1px solid var(--neutral-300);
          border-top: none;
          white-space: nowrap;
@@ -281,6 +285,15 @@
          text-overflow: ellipsis;
          display: flex;
          align-items: center;
+         background-color: white;
+
+         font-size: 14px;
+         padding: 0.2rem;
+
+         &.mobile {
+             font-size: 16px;
+             padding: 1.2rem;
+         }
 
          &.hover {
              color: white;

src/lib/widgets/GalleryWidget.svelte

@@ -30,7 +30,6 @@
          node = widget.node as ComfyGalleryNode
          nodeValue = node.value;
          propsChanged = node.propsChanged;
-         node.anyImageSelected = false;
 
          if ($nodeValue != null) {
              if (node.properties.index < 0 || node.properties.index >= $nodeValue.length) {
@@ -135,22 +134,19 @@
 
      // Update index
      node.setProperty("index", e.detail.index as number)
-     node.anyImageSelected = true;
  }
 
  $: if ($propsChanged > -1 && widget && $nodeValue) {
      if (widget.attrs.variant === "image") {
          selected_image = $nodeValue.length - 1
          node.setProperty("index", selected_image)
-         node.anyImageSelected = true;
      }
  }
  else {
      node.setProperty("index", null)
-     node.anyImageSelected = false;
  }
 
- $: node.anyImageSelected = selected_image != null;
+ $: node.setProperty("index", selected_image)
 </script>
 
 {#if widget && node && nodeValue && $nodeValue}