deblan-mirror
/
system-uicons
mirror of https://github.com/CoreyGinnivan/system-uicons.git
1
0
Fork 0
Code Issues Releases Wiki Activity

More nice to have updates

This commit is contained in:
Corey Ginnivan 2022-05-09 21:08:47 +08:00
parent 6493b8bbf4
commit 483a63bb06
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/index.html
View File

@ -54,7 +54,7 @@
<main class="flex-grow">
<nav class="flex justify-between p-4 text-sm md:p-6 lg:p-8 md:text-base">
<a class="font-extrabold" href="/">System UIcons</a>
<div class="space-x-3 md:space-x-8">
<div class="flex space-x-3 md:space-x-8">
<!-- <a class="hover:underline" href="/about">Behind the design</a>
<a class="hover:underline" href="/changelog">Changelog</a> -->
<a
@ -65,11 +65,16 @@
>GitHub</a
>
<a
class="hover:underline"
class="flex hover:underline"
href="https://github.com/sponsors/CoreyGinnivan"
rel="noreferrer"
target="_blank"
>Sponsor</a
>
<span class="mr-2">
<svg height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(1 3)"><path d="m17.5 8.5v3c0 1.2994935-3.1340068 3-7 3-3.86599325 0-7-1.7005065-7-3 0-.4275221 0-1.2608554 0-2.5"/><path d="m3.79385803 9.25873308c.86480173 1.14823502 3.53999333 2.22489962 6.70614197 2.22489962 3.8659932 0 7-1.60524016 7-2.98595204 0-.77476061-.9867994-1.62391104-2.5360034-2.22001882"/><path d="m14.5 3.5v3c0 1.29949353-3.1340068 3-7 3-3.86599325 0-7-1.70050647-7-3 0-.64128315 0-2.35871685 0-3"/><path d="m7.5 6.48363266c3.8659932 0 7-1.60524012 7-2.985952 0-1.38071187-3.1340068-2.99768066-7-2.99768066-3.86599325 0-7 1.61696879-7 2.99768066 0 1.38071188 3.13400675 2.985952 7 2.985952z"/></g></svg>
</span>
<span class="whitespace-no-wrap">Sponsor</span>
</a
>
</div>
</nav>
@ -124,7 +129,7 @@
@scroll.window="showBar = (window.pageYOffset > 450) ? true : false"
>
<div
class="flex flex-col p-1 space-x-0 space-y-1 bg-gray-200 rounded md:flex-row md:space-x-1 md:space-y-0"
class="flex flex-col p-1 space-x-0 space-y-1 bg-gray-200 mr-2 rounded md:flex-row md:space-x-1 md:space-y-0"
>
<label
class="inline-flex flex-no-wrap items-center w-full h-full px-2 py-2 text-sm duration-200 rounded cursor-pointer lg:text-base hover:bg-gray-100 hover:text-black md:w-auto md:py-0"
@ -165,7 +170,7 @@
</g>
</svg>
</span>
<span class="whitespace-no-wrap">Copy SVG Code</span>
<span class="whitespace-no-wrap">Copy SVG Element</span>
</label>
<label
class="inline-flex flex-no-wrap items-center w-full h-full px-2 py-2 text-sm duration-200 rounded cursor-pointer lg:text-base hover:bg-gray-100 hover:text-black md:w-auto md:py-0"
@ -277,7 +282,7 @@
</div>
<div
class="grid grid-cols-2 m-4 md:m-6 lg:m-8 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 divide-x divide-y divide-gray-200 border-r border-b border-solid border-gray-200"
class="grid grid-cols-2 m-4 md:m-6 lg:m-8 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-10 divide-x divide-y divide-gray-200 border-r border-b border-solid border-gray-200"
>
<template x-for="(item, index) in filteredIcons" :key="index">
<a
@ -313,7 +318,7 @@
><span>Copied URL</span></template
>
<template x-if="downloadType == 'copy-svg'"
><span>Copied SVG Code</span></template
><span>Copied SVG</span></template
>
</div>
<img