multipleof4/sune
1
0
Fork 0
mirror of https://github.com/multipleof4/sune.git synced 2026-02-04 10:08:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Thread sidebar with GH navigation

Browse Source
This commit is contained in:
multipleof4
2026-01-16 10:27:16 -08:00
parent 4c7bf4b08a
commit 8cc357072c
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/parts/sidebars.html
View File

@@ -15,6 +15,15 @@
</aside>
<div id="sidebarOverlayRight" class="fixed inset-0 z-40 bg-black/20 hidden" @click="$el.classList.add('hidden');document.getElementById('sidebarRight').classList.add('translate-x-full')"></div>
<aside id="sidebarRight" class="fixed inset-y-0 right-0 z-50 w-80 max-w-[90vw] bg-white border-l border-gray-200 shadow-xl transform translate-x-full transition-transform duration-200 ease-out flex flex-col">
<div class="p-3 border-b text-sm font-medium flex items-center justify-between"><span>Threads</span><button id="closeThreads" class="p-1 rounded hover:bg-gray-100" aria-label="Close" @click="document.getElementById('sidebarOverlayRight').classList.add('hidden');document.getElementById('sidebarRight').classList.add('translate-x-full')"><svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg></button></div>
<div class="p-2 border-b flex flex-col gap-2">
<input id="threadRepoInput" type="text" placeholder="gh://owner/repo" class="w-full h-9 rounded-lg border-0 bg-gray-100 px-3 text-xs font-mono focus:ring-2 focus:ring-black focus:bg-white"/>
<div class="flex items-center justify-between gap-2">
<div class="flex items-center gap-1">
<button id="threadBackBtn" class="h-8 w-8 rounded hover:bg-gray-100 flex items-center justify-center hidden" title="Back"><i data-lucide="chevron-left" class="h-4 w-4"></i></button>
<button id="threadFolderBtn" class="h-8 w-8 rounded hover:bg-gray-100 flex items-center justify-center" title="New Folder"><i data-lucide="folder-plus" class="h-4 w-4"></i></button>
</div>
<button id="threadSyncBtn" class="px-3 py-1 rounded-lg bg-black text-white text-[10px] font-bold uppercase tracking-wider hover:bg-black/90 transition flex items-center gap-1"><i data-lucide="refresh-cw" class="h-3 w-3"></i><span>Sync</span></button>
</div>
</div>
<div id="threadList" class="flex-1 overflow-y-auto divide-y"></div>
</aside>