obsidian-plugin/ozntel_oz-calendar
1
0
Fork 0
mirror of https://github.com/ozntel/oz-calendar.git synced 2026-07-22 07:40:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

No Note Found Text for Empty Days

Browse source
This commit is contained in:
Ozan Tellioglu 2023-03-10 09:33:22 +01:00
parent a91ea9c0c9
commit 55d82cfb20
2 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/noteList.tsx
View file

@ -1,6 +1,7 @@
import React from 'react';
import { BsArrowRight, BsArrowLeft } from 'react-icons/bs';
import { HiOutlineDocumentText } from 'react-icons/hi';
import { RiPhoneFindLine } from 'react-icons/ri';
import dayjs from 'dayjs';
import OZCalendarPlugin from '../main';
import { openFile } from '../utils';
@ -56,6 +57,12 @@ export default function NoteListComponent(params: NoteListComponentParams) {
</div>
</div>
<div className="oz-calendar-notelist-container">
{selectedDayNotes.length === 0 && (
<div className="oz-calendar-note-no-note">
<RiPhoneFindLine className="oz-calendar-no-note-icon" />
No note found
</div>
)}
{selectedDayNotes.map((notePath) => {
return (
<div

13
styles.css
View file

@ -146,3 +146,16 @@
padding-bottom: 2px;
vertical-align: middle;
}
.oz-calendar-note-no-note {
font-size: var(--nav-item-size);
align-items: center;
text-align: center;
margin-top: 10px;
}
.oz-calendar-no-note-icon {
vertical-align: middle;
padding-bottom: 2px;
margin-right: 3px;
}