Use remote-hand-over icon for connect buttons
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import { Component, createSignal, Show, For, onMount, onCleanup, createEffect } from "solid-js"
|
||||
import { Folder, Clock, Trash2, FolderPlus, Settings, ChevronRight, Share2 } from "lucide-solid"
|
||||
import { Folder, Clock, Trash2, FolderPlus, Settings, ChevronRight, Cast } from "lucide-solid"
|
||||
import { useConfig } from "../stores/preferences"
|
||||
import AdvancedSettingsModal from "./advanced-settings-modal"
|
||||
import DirectoryBrowserDialog from "./directory-browser-dialog"
|
||||
@@ -237,7 +237,7 @@ const FolderSelectionView: Component<FolderSelectionViewProps> = (props) => {
|
||||
class="selector-button selector-button-secondary inline-flex items-center gap-2"
|
||||
onClick={() => props.onOpenRemoteAccess?.()}
|
||||
>
|
||||
<Share2 class="w-4 h-4" />
|
||||
<Cast class="w-4 h-4" />
|
||||
<span>Remote connect</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@ import { Component, For, Show } from "solid-js"
|
||||
import type { Instance } from "../types/instance"
|
||||
import InstanceTab from "./instance-tab"
|
||||
import KeyboardHint from "./keyboard-hint"
|
||||
import { Plus, Share2 } from "lucide-solid"
|
||||
import { Plus, Cast } from "lucide-solid"
|
||||
import { keyboardRegistry } from "../lib/keyboard-registry"
|
||||
|
||||
interface InstanceTabsProps {
|
||||
@@ -42,11 +42,13 @@ const InstanceTabs: Component<InstanceTabsProps> = (props) => {
|
||||
<button
|
||||
class="new-tab-button"
|
||||
onClick={() => props.onOpenRemoteAccess?.()}
|
||||
title="Remote access"
|
||||
aria-label="Remote access"
|
||||
title="Remote connect"
|
||||
aria-label="Remote connect"
|
||||
>
|
||||
<Share2 class="w-4 h-4" />
|
||||
<Cast class="w-4 h-4" />
|
||||
Remote connect
|
||||
</button>
|
||||
|
||||
</Show>
|
||||
</div>
|
||||
<Show when={Array.from(props.instances.entries()).length > 1}>
|
||||
|
||||
Reference in New Issue
Block a user