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">
import { AlertTriangleIcon } from 'lucide-svelte';
import { AlertTriangleIcon, Check } from 'lucide-svelte';
import { browser } from '$app/environment';
let warning = false;
@ -8,26 +8,30 @@
{#if !warning && !initialValue}
<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>
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
of an svg and do not want it to appear here, please
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 of an svg and do not want it to appear
here, please
<a
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
> on Github.
</p>
<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={() => {
localStorage.setItem('warning', 'true');
warning = true;
}}
>
Accept
<Check size={14} strokeWidth={2} />
<span>Accept</span>
</button>
</div>
{/if}