recent notes css fixes

This commit is contained in:
Jacky Zhao 2023-08-20 14:05:37 -07:00
parent 1bb00e72bb
commit b99d4cd8ce
3 changed files with 6 additions and 5 deletions

View file

@ -24,11 +24,11 @@ const defaultOptions: Options = {
export default ((userOpts?: Partial<Options>) => {
const opts = { ...defaultOptions, ...userOpts }
function RecentNotes(props: QuartzComponentProps) {
const { allFiles, fileData } = props
const { allFiles, fileData, displayClass } = props
const pages = allFiles.filter(opts.filter).sort(opts.sort).slice(0, opts.limit)
const remaining = Math.max(0, pages.length - opts.limit)
return (
<div class="recent-notes">
<div class={`recent-notes ${displayClass}`}>
<h3>{opts.title}</h3>
<ul class="recent-ul">
{pages.map((page) => {

View file

@ -13,13 +13,13 @@ const defaultOptions: Options = {
layout: "modern",
}
function TableOfContents({ fileData }: QuartzComponentProps) {
function TableOfContents({ fileData, displayClass }: QuartzComponentProps) {
if (!fileData.toc) {
return null
}
return (
<div class="desktop-only">
<div class={`toc ${displayClass}`}>
<button type="button" id="toc">
<h3>Table of Contents</h3>
<svg

View file

@ -1,11 +1,12 @@
.recent-notes {
& > h3 {
margin: 0.5rem 0 0 0;
font-size: 1rem;
}
& > ul.recent-ul {
list-style: none;
margin-top: 1.5rem;
margin-top: 1rem;
padding-left: 0;
& > li {