Simon/Scriberr
1
0
Fork 0
mirror of https://github.com/rishikanthc/Scriberr.git synced 2026-06-28 14:55:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

add close button to notes sidebar

Browse Source 
Signed-off-by: rishikanthc <rishikanthc@gmail.com>
This commit is contained in:
rishikanthc
2025-08-25 19:13:09 -07:00
parent 0ea80d7085
commit 5ed4e5bf5b
4 changed files with 51 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
internal/web/dist/assets/index-CFMeqdT7.css → internal/web/dist/assets/index-Bol4-H1_.css vendored
View File

File diff suppressed because one or more lines are too long

66
internal/web/dist/assets/index-BYhX9MxO.js → internal/web/dist/assets/index-CJ-IqQHe.js vendored
View File

File diff suppressed because one or more lines are too long

4
internal/web/dist/index.html vendored
View File

@@ -8,8 +8,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Fira+Code:wght@300..700&display=swap" rel="stylesheet">
<script type="module" crossorigin src="/assets/index-BYhX9MxO.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CFMeqdT7.css">
<script type="module" crossorigin src="/assets/index-CJ-IqQHe.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Bol4-H1_.css">
</head>
<body>
<div id="root"></div>

20
web/frontend/src/components/AudioDetailView.tsx
View File

@@ -1,6 +1,6 @@
import { useState, useEffect, useRef } from "react";
import { createPortal } from "react-dom";
import { ArrowLeft, Play, Pause, List, AlignLeft, MessageCircle, Download, FileText, FileJson, FileImage, Check, StickyNote, Plus } from "lucide-react";
import { ArrowLeft, Play, Pause, List, AlignLeft, MessageCircle, Download, FileText, FileJson, FileImage, Check, StickyNote, Plus, X } from "lucide-react";
import WaveSurfer from "wavesurfer.js";
import { Button } from "./ui/button";
import {
@@ -1098,10 +1098,20 @@ useEffect(() => {
<div className="fixed inset-y-0 right-0 w-[88vw] max-w-[380px] md:max-w-[420px] bg-white dark:bg-gray-900 shadow-2xl z-[9990]">
<div className="h-full flex flex-col">
<div className="px-3 md:px-4 py-3">
<h3 className="font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2">
<StickyNote className="h-4 w-4" /> Notes
<span className="ml-1 text-xs rounded-full px-1.5 py-0.5 bg-gray-200 dark:bg-gray-700">{notes.length}</span>
</h3>
<div className="flex items-center justify-between">
<h3 className="font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2">
<StickyNote className="h-4 w-4" /> Notes
<span className="ml-1 text-xs rounded-full px-1.5 py-0.5 bg-gray-200 dark:bg-gray-700">{notes.length}</span>
</h3>
<button
type="button"
onClick={() => setNotesOpen(false)}
className="h-8 w-8 inline-flex items-center justify-center rounded-md text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 cursor-pointer"
aria-label="Close notes"
>
<X className="h-4 w-4" />
</button>
</div>
</div>
<div className="flex-1 overflow-y-auto px-3 md:px-4 pb-4">
<NotesSidebar