Improve lightbox slightly

src/lib/components/ComfyQueue.svelte

@@ -339,6 +339,7 @@
      background: var(--panel-background-fill);
 
      &:hover:not(:has(img:hover)) {
+         cursor: pointer;
          background: var(--block-background-fill);
      }
 
@@ -390,6 +391,7 @@
          object-fit: cover;
 
          &:hover {
+             cursor: pointer;
              filter: brightness(120%) contrast(120%);
          }
      }

src/lib/components/LightboxModal.svelte

@@ -95,12 +95,12 @@
      position: absolute;
      top: 50%;
      width: auto;
-     padding: 16px;
+     padding: 60px;
      margin-top: -50px;
      color: white;
      font-weight: bold;
-     font-size: 20px;
+     font-size: 40px;
-     transition: 0.6s ease;
+     transition: 0.3s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none;
@@ -113,6 +113,6 @@
 
  .modalPrev:hover,
  .modalNext:hover {
-     background-color: rgba(0, 0, 0, 0.8);
+     background-color: rgba(180, 180, 180, 0.8);
  }
 </style>

src/lib/components/Modal.svelte

@@ -16,7 +16,7 @@
 		<slot name="header" />
 		<slot />
 		<!-- svelte-ignore a11y-autofocus -->
-		<button autofocus on:click={() => dialog.close()}>close modal</button>
+		<button autofocus on:click={() => dialog.close()}>Close</button>
 	</div>
 </dialog>