qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-06 06:58:04 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

🔧 Update warning message.

Browse Source
This commit is contained in:
pheralb 2023-12-18 10:23:01 +00:00
parent ee03a16a53
commit 2f7965093e
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/warning.svelte
View File

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { AlertTriangleIcon } from 'lucide-svelte'; import { AlertTriangleIcon, Check } from 'lucide-svelte';
import { browser } from '$app/environment'; import { browser } from '$app/environment';
let warning = false; let warning = false;
@ -8,26 +8,30 @@
{#if !warning && !initialValue} {#if !warning && !initialValue}
<div <div
class="flex items-center md:flex-row flex-col md:space-x-2 space-x-0 p-3 bg-neutral-100 dark:bg-neutral-800/40 text-neutral-700 dark:text-neutral-300" class="flex items-center 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 dark:bg-neutral-800/40 text-neutral-700 dark:text-neutral-300"
> >
<AlertTriangleIcon size={18} strokeWidth={2} class="mr-2 text-yellow-500" /> <AlertTriangleIcon size={18} strokeWidth={2} class="mr-1" />
<p> <p>
Each svg provides the link to the product or company that owns it, <strong>please contact them</strong> if you are going to use their logo. If you are the owner Each svg provides the link to the product or company that owns it, <strong
of an svg and do not want it to appear here, please >please contact them</strong
>
if you are going to use their logo. If you are the owner of an svg and do not want it to appear
here, please
<a <a
target="_blank" target="_blank"
class="underline underline-offset-2" class="underline underline-offset-4 decoration-dotted decoration-neutral-500"
href="https://github.com/pheralb/svgl/issues/new">create an issue</a href="https://github.com/pheralb/svgl/issues/new">create an issue</a
> on Github. > on Github.
</p> </p>
<button <button
class="ml-auto flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40" class="ml-auto transition-colors flex items-center space-x-1 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40 bg-neutral-200/50 dark:bg-neutral-800/40 text-neutral-700 dark:text-neutral-300"
on:click={() => { on:click={() => {
localStorage.setItem('warning', 'true'); localStorage.setItem('warning', 'true');
warning = true; warning = true;
}} }}
> >
Accept <Check size={14} strokeWidth={2} />
<span>Accept</span>
</button> </button>
</div> </div>
{/if} {/if}