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

✍️ Update warning message + add message to copy svg component

Browse Source
This commit is contained in:
pheralb 2025-01-15 11:40:10 +00:00
parent e7d2cd9c1a
commit 3b2dc0b79d
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/copySvg.svelte
View File

@ -309,5 +309,13 @@
</section> </section>
</Tabs.Content> </Tabs.Content>
</Tabs.Root> </Tabs.Root>
<div
class="mt-1 flex w-full items-center text-center text-[12px] text-neutral-600 dark:text-neutral-400"
>
<p>
Remember to request permission from the creators for the use of the SVG. Modification is not
allowed.
</p>
</div>
</Popover.Content> </Popover.Content>
</Popover.Root> </Popover.Root>

12
src/components/warning.svelte
View File

@ -5,28 +5,28 @@
import { cn } from '@/utils/cn'; import { cn } from '@/utils/cn';
let warning = false; let warning = false;
let warningName = 'svgl_warning_message'; let warningName = 'svgl_warn_message';
const initialValue = browser ? window.localStorage.getItem(warningName) : true; const initialValue = browser ? window.localStorage.getItem(warningName) : true;
</script> </script>
{#if !warning && !initialValue} {#if !warning && !initialValue}
<div <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" class="flex w-full flex-col items-center justify-between space-x-0 space-y-2 border-b border-neutral-200 bg-neutral-100/60 px-3 py-2 text-neutral-700 dark:border-neutral-800 dark:bg-neutral-800/40 dark:text-neutral-300 md:flex-row md:space-x-2 md:space-y-0"
> >
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<AlertTriangleIcon <AlertTriangleIcon
size={18} size={18}
strokeWidth={2} strokeWidth={2}
class="mr-1 flex-shrink-0 text-yellow-600 dark:text-yellow-500 animate-pulse" class="mr-1 flex-shrink-0 animate-pulse text-yellow-600 dark:text-yellow-500"
/> />
<p> <p>
All SVGs include links to the respective products or companies that own them. <strong All SVGs include links to the respective products or companies that own them. <strong
>Please contact the owner directly if you intend to use their logo.</strong >Please contact the owner directly if you need to use their logo.</strong
> >
If you are the owner of an SVG and prefer it not to be displayed here, If you are the owner of an SVG and would like it removed,
<a <a
target="_blank" target="_blank"
class="underline underline-offset-4 decoration-dotted decoration-neutral-500" class="underline decoration-neutral-500 decoration-dotted underline-offset-4"
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>

2
src/ui/popover/popover-content.svelte
View File

@ -21,7 +21,7 @@
{sideOffset} {sideOffset}
{...$$restProps} {...$$restProps}
class={cn( class={cn(
'z-50 w-auto rounded-md border border-neutral-200 bg-white p-3 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-900', 'z-50 w-auto max-w-96 rounded-md border border-neutral-200 bg-white p-3 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-900',
className className
)} )}
> >