Klectr/KSlab
1
0
Fork 0
generated from Klectr/KTemplate
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: change icon and code styles

Browse Source
This commit is contained in:
Triston Armstrong 2024-10-09 13:59:33 -04:00
parent 261eb8348e
commit 3fd6aef52c
Signed by: tristonarmstrong
GPG Key ID: A23B48AE45EB6EFE
3 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Divider.tsx
View File

@ -1,6 +1,6 @@
export function Divider() {
return (
<div className="border-l-[1px] border-l-[#9c9c9c]"></div>
<div className="border-l-[1px] dark:border-l-[#5c5c5c] border-l-[#9c9c9c]"></div>
)
}

2
src/components/MarkDownEditor/md.css
View File

@ -31,7 +31,7 @@
}
.TMCode {
@apply text-blue-800 px-1;
@apply text-blue-800 px-1 dark:bg-[#ffffff26] dark:text-blue-200 dark:border-[#545454];
}
.TMBlockquote {

10
src/components/NoteCard.tsx
View File

@ -109,7 +109,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
focusedItem.value = itemKey
}
function _handleExportClick(e) {
function _handleExportClick(_e: MouseEvent) {
createFileAndExport("Note", item.contents, "text/markdown")
}
@ -132,6 +132,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
className="overflow-hidden text-[#333] dark:bg-[#1a1a1a] dark:border-[#1c1c1c] bg-[#eee] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
>
<div className="overflow-hidden flex-1 flex flex-col gap-1">
{/* Header Bar */}
<div className="px-2 flex justify-between items-center cursor-move" onmousedown={_handleMouseDown}>
<div style={saveIndicatorStyle} className="rounded-full w-1 h-1 dark:bg-white bg-green-500"></div>
@ -140,17 +141,20 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
onclick={_handleExportClick}
className="flex items-center">
<ExportIcon
className="cursor-pointer w-4 h-4 text-[#9c9c9c] hover:text-blue-500 transition-color duration-300"
className="dark:text-[#5c5c5c] cursor-pointer w-4 h-4 text-[#9c9c9c] hover:text-blue-500 transition-color duration-300"
/>
</div>
<Divider />
<button className="text-md dark:text-[#777] text-black" onclick={_handleClose}>x</button>
</div>
</div>
<hr className="border dark:border-[#1c1c1c] border-[#ddd]" />
<hr className="border dark:border-[#2c2c2c] border-[#ddd]" />
{/* Content Body */}
<MarkDownEditor initial={item.contents} onChange={_handleMdChange} />
<ExpandIcon cb={_handleResizeMouseDown} />
</div>