mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2026-04-20 10:31:17 +00:00
add minimize icon
This commit is contained in:
@@ -44,6 +44,7 @@
|
|||||||
ChartArea,
|
ChartArea,
|
||||||
Maximize,
|
Maximize,
|
||||||
Maximize2,
|
Maximize2,
|
||||||
|
Minimize2,
|
||||||
} from '@lucide/svelte';
|
} from '@lucide/svelte';
|
||||||
import { map } from '$lib/components/map/map';
|
import { map } from '$lib/components/map/map';
|
||||||
import { editMetadata } from '$lib/components/file-list/metadata/utils.svelte';
|
import { editMetadata } from '$lib/components/file-list/metadata/utils.svelte';
|
||||||
@@ -118,7 +119,7 @@
|
|||||||
|
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
const handler = () => {
|
const handler = () => {
|
||||||
fullscreen = !!document.fullscreenElement;
|
fullscreen = document.fullscreenElement !== null;
|
||||||
};
|
};
|
||||||
document.addEventListener('fullscreenchange', handler);
|
document.addEventListener('fullscreenchange', handler);
|
||||||
return () => document.removeEventListener('fullscreenchange', handler);
|
return () => document.removeEventListener('fullscreenchange', handler);
|
||||||
@@ -397,7 +398,11 @@
|
|||||||
</Menubar.Item>
|
</Menubar.Item>
|
||||||
<Menubar.Separator />
|
<Menubar.Separator />
|
||||||
<Menubar.CheckboxItem checked={fullscreen} onCheckedChange={toggleFullscreen}>
|
<Menubar.CheckboxItem checked={fullscreen} onCheckedChange={toggleFullscreen}>
|
||||||
<Maximize2 size="16" />
|
{#if fullscreen}
|
||||||
|
<Minimize2 size="16" />
|
||||||
|
{:else}
|
||||||
|
<Maximize2 size="16" />
|
||||||
|
{/if}
|
||||||
{i18n._('menu.fullscreen')}
|
{i18n._('menu.fullscreen')}
|
||||||
<Shortcut key="F11" />
|
<Shortcut key="F11" />
|
||||||
</Menubar.CheckboxItem>
|
</Menubar.CheckboxItem>
|
||||||
|
|||||||
Reference in New Issue
Block a user