more visual polish, adjust colours and spacing

Jacky Zhao

2023-07-04 38cff2d670ecf7fd325aaaf776a4c250a72cc661

 quartz/components/Spacer.tsx

@@ -1,7 +1,8 @@
import { QuartzComponentConstructor } from "./types"
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"

function Spacer() {
  return <div class="spacer"></div>
function Spacer({ displayClass }: QuartzComponentProps) {
  const className = displayClass ? `spacer ${displayClass}` : "spacer"
  return <div class={className}></div>
}

export default (() => Spacer) satisfies QuartzComponentConstructor