style: disable window decoration and fixed a flex box issue from unocss

This commit is contained in:
Huakun Shen 2024-11-12 12:48:03 -05:00
parent c7003326db
commit 292d03a51e
4 changed files with 10 additions and 9 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "@kksh/desktop", "name": "@kksh/desktop",
"version": "0.1.10", "version": "0.1.11",
"description": "", "description": "",
"type": "module", "type": "module",
"scripts": { "scripts": {

View File

@ -14,8 +14,10 @@
"windows": [ "windows": [
{ {
"hiddenTitle": true, "hiddenTitle": true,
"title": "Kunkun",
"width": 800, "width": 800,
"height": 600 "height": 600,
"decorations": false
} }
], ],
"security": { "security": {

View File

@ -13,7 +13,6 @@
size="icon" size="icon"
onclick={goBack} onclick={goBack}
class="absolute left-2 top-2" class="absolute left-2 top-2"
data-tauri-drag-region
> >
<ArrowLeft class="size-4" /> <ArrowLeft class="size-4" />
</Button> </Button>

View File

@ -21,18 +21,18 @@
} = $props() } = $props()
</script> </script>
<flex <div
data-tauri-drag-region data-tauri-drag-region
class={cn("h-12 select-none items-center justify-between gap-4 border-t px-2", className)} class={cn("flex select-none items-center justify-between gap-4 border-t px-2", className)}
> >
<Avatar.Root class="p-1.5"> <Avatar.Root class="pointer-events-none p-1.5">
<Avatar.Image <Avatar.Image
src="/favicon.png" src="/favicon.png"
alt="Kunkun Logo" alt="Kunkun Logo"
class="h-full select-none invert dark:invert-0" class="h-full select-none invert dark:invert-0"
/> />
</Avatar.Root> </Avatar.Root>
<flex class="items-center gap-1"> <div class="flex items-center gap-1">
{#if defaultAction} {#if defaultAction}
<Button size="default" class="h-full" variant="ghost" onclick={onDefaultActionSelected}> <Button size="default" class="h-full" variant="ghost" onclick={onDefaultActionSelected}>
{defaultAction} {defaultAction}
@ -42,5 +42,5 @@
{#if actionPanel} {#if actionPanel}
<ActionPanel {actionPanel} {onActionSelected} /> <ActionPanel {actionPanel} {onActionSelected} />
{/if} {/if}
</flex> </div>
</flex> </div>