feat: use micaDark for windows window effect

This commit is contained in:
Huakun Shen 2025-02-19 08:22:50 -05:00
parent c054e62fa6
commit b9b4ef54c3
4 changed files with 23 additions and 5 deletions

View File

@ -24,7 +24,7 @@
"height": 600,
"transparent": true,
"windowEffects": {
"effects": ["sidebar"]
"effects": ["sidebar", "micaDark"]
},
"decorations": true
},

View File

@ -41,6 +41,7 @@
import { ArrowBigUpIcon, CircleXIcon, EllipsisVerticalIcon, RefreshCcwIcon } from "lucide-svelte"
import { onMount } from "svelte"
const _platform = platform()
const win = getCurrentWindow()
let inputEle: HTMLInputElement | null = $state(null)
function onKeyDown(event: KeyboardEvent) {
@ -95,7 +96,10 @@
}}
/>
<Command.Root
class={cn("h-screen rounded-lg border bg-transparent shadow-md")}
class={cn("h-screen rounded-lg border border-none shadow-md", {
"bg-transparent": _platform === "macos",
"bg-background/50": _platform === "windows"
})}
bind:value={$appState.highlightedCmd}
shouldFilter={true}
loop
@ -173,7 +177,7 @@
<RefreshCcwIcon class="mr-2 h-4 w-4 text-green-500" />
{m.home_command_input_dropdown_open_preference()}
<DropdownMenu.Shortcut>
{#if platform() === "macos"}
{#if _platform === "macos"}
<span class="flex items-center">⌘+Comma</span>
{:else}
<span class="flex items-center">Ctrl+Comma</span>

View File

@ -11,12 +11,15 @@
import { Constants } from "@kksh/ui"
import { ExtListItem } from "@kksh/ui/extension"
import { CustomCommandInput, GlobalCommandPaletteFooter } from "@kksh/ui/main"
import { cn } from "@kksh/ui/utils"
import { platform } from "@tauri-apps/plugin-os"
import { goto } from "$app/navigation"
import { ArrowLeft } from "lucide-svelte"
import type { Snippet } from "svelte"
import { toast } from "svelte-sonner"
import { getInstallExtras } from "./[identifier]/helper.js"
const _platform = platform()
let { data } = $props()
const { storeExtList, installedStoreExts, installedExtsMap, upgradableExpsMap } = data
@ -85,13 +88,22 @@
variant="outline"
size="icon"
onclick={goHome}
class={Constants.CLASSNAMES.BACK_BUTTON}
class={cn(Constants.CLASSNAMES.BACK_BUTTON, {
"bg-background/50": _platform === "windows",
"bg-transparent": _platform === "macos"
})}
data-flip-id={Constants.CLASSNAMES.BACK_BUTTON}
>
<ArrowLeft class="size-4" />
</Button>
{/snippet}
<Command.Root class="h-screen rounded-lg border shadow-md" loop>
<Command.Root
class={cn("h-screen rounded-lg shadow-md", {
"bg-transparent": _platform === "macos",
"bg-background/50": _platform === "windows"
})}
loop
>
<CustomCommandInput
autofocus
placeholder="Type a command or search..."

View File

@ -1,3 +1,4 @@
## Permission Table
<table>
@ -6,6 +7,7 @@
<th>Description</th>
</tr>
<tr>
<td>