feat(text): add text drop shadow and change shade of notes cards

This commit is contained in:
Triston Armstrong 2024-10-10 21:56:48 -04:00
parent 2fdb9e8d6e
commit 9e1cf46756
Signed by: tristonarmstrong
GPG Key ID: A23B48AE45EB6EFE
2 changed files with 2 additions and 2 deletions

View File

@ -129,7 +129,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
<div <div
onmousedown={_handleFocusCard} onmousedown={_handleFocusCard}
style={cardPositionStyle} style={cardPositionStyle}
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" className="overflow-hidden text-[#333] dark:bg-[#1a1a1a] dark:border-[#1c1c1c] bg-[#efeff0] 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"> <div className="overflow-hidden flex-1 flex flex-col gap-1">
{/* Header Bar */} {/* Header Bar */}

View File

@ -94,7 +94,7 @@ export function TextItem({ key: itemKey, data: item }: TextItem.TextCardProps) {
left: `${item.position.x}px`, left: `${item.position.x}px`,
}} }}
> >
<div className={'relative'}> <div className={'drop-shadow relative'}>
{item.contents} {item.contents}
</div> </div>