mirror of
https://github.com/kunkunsh/kunkun.git
synced 2025-04-11 17:29:44 +00:00
feat: use micaDark for windows window effect
This commit is contained in:
parent
c054e62fa6
commit
b9b4ef54c3
@ -24,7 +24,7 @@
|
||||
"height": 600,
|
||||
"transparent": true,
|
||||
"windowEffects": {
|
||||
"effects": ["sidebar"]
|
||||
"effects": ["sidebar", "micaDark"]
|
||||
},
|
||||
"decorations": true
|
||||
},
|
||||
|
@ -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>
|
||||
|
@ -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..."
|
||||
|
@ -1,3 +1,4 @@
|
||||
|
||||
## Permission Table
|
||||
|
||||
<table>
|
||||
@ -6,6 +7,7 @@
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user