tcsenpai/pensieve
1
0
Fork 0
mirror of https://github.com/tcsenpai/pensieve.git synced 2025-06-06 19:25:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): use icons

Browse Source
This commit is contained in:
arkohut 2024-08-13 16:35:15 +08:00
parent 016264f13f
commit 9e6f10ea8a
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/lib/Figure.svelte
View File

@ -4,6 +4,7 @@
import CopyToClipboard from "$lib/components/CopyToClipboard.svelte" import CopyToClipboard from "$lib/components/CopyToClipboard.svelte"
import OCRTable from './OCRTable.svelte'; import OCRTable from './OCRTable.svelte';
import { marked } from 'marked'; import { marked } from 'marked';
import { ChevronLeft, ChevronRight, X } from 'lucide-svelte';
/** /**
* @type {string} * @type {string}
@ -95,16 +96,16 @@
<!-- Button container --> <!-- Button container -->
<div class="group"> <div class="group">
<button <button
class="absolute left-5 top-1/2 transform -translate-y-1/2 text-white bg-gray-300 hover:bg-gray-400 font-bold rounded-full text-2xl w-12 h-12 opacity-0 group-hover:opacity-100" class="absolute left-4 top-1/2 transform -translate-y-1/2 text-white bg-gray-300 hover:bg-gray-400 font-bold rounded-full text-xl w-12 h-12 opacity-0 group-hover:opacity-100 flex items-center justify-center"
on:click={onPrevious} on:click={onPrevious}
> >
&lt; <ChevronLeft size={40} />
</button> </button>
<button <button
class="absolute right-5 top-1/2 transform -translate-y-1/2 text-white bg-gray-300 hover:bg-gray-400 font-bold rounded-full text-2xl w-12 h-12 opacity-0 group-hover:opacity-100" class="absolute right-4 top-1/2 transform -translate-y-1/2 text-white bg-gray-300 hover:bg-gray-400 font-bold rounded-full text-xl w-12 h-12 opacity-0 group-hover:opacity-100 flex items-center justify-center"
on:click={onNext} on:click={onNext}
> >
&gt; <ChevronRight size={40} />
</button> </button>
<!-- Your modal content goes here --> <!-- Your modal content goes here -->
</div> </div>
@ -190,8 +191,8 @@
<button class="text-gray-400 hover:text-gray-600" on:click={onClose}> <button class="text-gray-400 hover:text-gray-600" on:click={onClose}>
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->
<span class="text-2xl">&times;</span> <X size={40} />
</button> </button>
</div> </div>
</div> </div>
</div> </div>