qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-12-29 08:01:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ Design improvements.

Browse Source
This commit is contained in:
pheralb
2023-12-16 22:35:46 +00:00
parent e78b4e0f7f
commit d401bb8682
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/navbar.svelte
+1 -1
View File
@@ -74,7 +74,7 @@
this={link.icon} this={link.icon}
size={16} size={16}
strokeWidth={1.5} strokeWidth={1.5}
class="ml-1 transition-transform duration-300 group-hover:-translate-y-[1px]" class="ml-1 transition-transform duration-300 group-hover:translate-x-[1px]"
/> />
{/if} {/if}
</a> </a>
src/components/search.svelte
+1 -1
View File
@@ -7,7 +7,7 @@
</script> </script>
<div class="sticky top-[63px] z-50"> <div class="sticky top-[63px] z-50">
<div class="relative w-full text-lg"> <div class="relative w-full text-[16px]">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 text-neutral-500"> <div class="absolute inset-y-0 left-0 flex items-center pl-3 text-neutral-500">
<div class="pointer-events-none"> <div class="pointer-events-none">
<SearchIcon size={20} strokeWidth={searchTerm ? 2.5 : 1.5} /> <SearchIcon size={20} strokeWidth={searchTerm ? 2.5 : 1.5} />
src/components/svgCard.svelte
+1 -1
View File
@@ -61,7 +61,7 @@
<p class="truncate text-[15px] font-medium text-balance text-center">{svgInfo.title}</p> <p class="truncate text-[15px] font-medium text-balance text-center">{svgInfo.title}</p>
<a <a
href={`/directory/${svgInfo.category.toLowerCase()}`} href={`/directory/${svgInfo.category.toLowerCase()}`}
class="text-sm lowercase text-neutral-500 hover:underline">{svgInfo.category}</a class="text-sm lowercase text-neutral-500 hover:underline font-mono">{svgInfo.category}</a
> >
</div> </div>
<div class="flex items-center space-x-1"> <div class="flex items-center space-x-1">
src/routes/api/+page.svelte
+2 -2
View File
@@ -22,10 +22,10 @@
</h1> </h1>
<span class="relative inline-block overflow-hidden rounded-full p-[1px] shadow-sm"> <span class="relative inline-block overflow-hidden rounded-full p-[1px] shadow-sm">
<span <span
class="absolute inset-[-1000%] animate-[spin_4s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#121212_0%,#121212_50%,#737373_100%)]" class="absolute inset-[-1000%] animate-[spin_4s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#f4f4f5_0%,#f4f4f5_50%,#737373_100%)] dark:bg-[conic-gradient(from_90deg_at_50%_50%,#121212_0%,#121212_50%,#737373_100%)]"
/> />
<div <div
class="inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-neutral-900 px-3 py-1 text-sm font-medium text-white backdrop-blur-3xl border border-neutral-800" class="inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900 px-3 py-1 text-sm font-medium dark:text-white backdrop-blur-3xl border border-neutral-100 dark:border-neutral-800"
> >
beta beta
</div> </div>