recent notes css fixes
This commit is contained in:
parent
1bb00e72bb
commit
b99d4cd8ce
@ -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) => {
|
||||
|
@ -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
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user