mirror of
https://github.com/pheralb/svgl.git
synced 2025-02-06 06:58:04 +08:00
🫡 Delete raycast warning
This commit is contained in:
parent
7829b5a862
commit
a7d2640dac
@ -1,49 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import { browser } from '$app/environment';
|
|
||||||
import { buttonStyles } from '@/ui/styles';
|
|
||||||
import { cn } from '@/utils/cn';
|
|
||||||
import RaycastIcon from './icons/raycastIcon.svelte';
|
|
||||||
import { ArrowUpLeft, ArrowUpRight, X } from 'lucide-svelte';
|
|
||||||
import XIcon from './icons/xIcon.svelte';
|
|
||||||
|
|
||||||
let warning = false;
|
|
||||||
let warningName = 'svgl_warning_raycast_message';
|
|
||||||
const initialValue = browser ? window.localStorage.getItem(warningName) : true;
|
|
||||||
</script>
|
|
||||||
|
|
||||||
{#if !warning && !initialValue}
|
|
||||||
<div
|
|
||||||
class="flex items-center w-full justify-between md:flex-row flex-col md:space-x-2 space-x-0 space-y-2 md:space-y-0 py-2 px-3 bg-neutral-100/60 dark:bg-neutral-800/40 text-neutral-700 dark:text-neutral-300 border-b border-neutral-200 dark:border-neutral-800"
|
|
||||||
>
|
|
||||||
<div class="flex items-center space-x-2">
|
|
||||||
<RaycastIcon
|
|
||||||
iconSize={22}
|
|
||||||
className="mr-1 flex-shrink-0 text-rose-600 dark:text-rose-500 animate-pulse"
|
|
||||||
/>
|
|
||||||
<p>
|
|
||||||
Update your <strong>Raycast</strong> extension to the latest version to use the new SVGL API.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center space-x-2">
|
|
||||||
<a
|
|
||||||
href="https://x.com/1weiho/status/1828077090824241445"
|
|
||||||
class={cn(buttonStyles, 'h-10 text-sm')}
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<XIcon iconSize={14} />
|
|
||||||
<span>How to update</span>
|
|
||||||
<ArrowUpRight size={14} strokeWidth={2} />
|
|
||||||
</a>
|
|
||||||
<button
|
|
||||||
class={cn(buttonStyles, 'h-10 text-sm')}
|
|
||||||
on:click={() => {
|
|
||||||
localStorage.setItem(warningName, 'true');
|
|
||||||
warning = true;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<X size={14} strokeWidth={2} />
|
|
||||||
<span>Close</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
@ -30,7 +30,6 @@
|
|||||||
|
|
||||||
// Layout:
|
// Layout:
|
||||||
import Navbar from '@/components/navbar.svelte';
|
import Navbar from '@/components/navbar.svelte';
|
||||||
import WarningRaycast from '@/components/warningRaycast.svelte';
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<ModeWatcher />
|
<ModeWatcher />
|
||||||
@ -88,7 +87,6 @@
|
|||||||
</aside>
|
</aside>
|
||||||
<div class="ml-0 md:ml-56 pb-6">
|
<div class="ml-0 md:ml-56 pb-6">
|
||||||
<Warning />
|
<Warning />
|
||||||
<WarningRaycast />
|
|
||||||
<Transition pathname={data.pathname}>
|
<Transition pathname={data.pathname}>
|
||||||
<slot />
|
<slot />
|
||||||
</Transition>
|
</Transition>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user