From b482f573070d7f4f392c3072be2bc61b12a539d6 Mon Sep 17 00:00:00 2001 From: monoid Date: Wed, 8 Feb 2023 01:33:54 +0900 Subject: [PATCH] add dark mode support --- islands/DirList.tsx | 2 +- islands/Login.tsx | 39 +++--- routes/_404.tsx | 3 +- routes/dir/[...path].tsx | 1 + routes/index.tsx | 4 +- routes/login.tsx | 3 +- static/base.css | 14 +++ static/github-markdown.css | 16 +-- test_data/f/SUMMARY.md | 2 + test_data/sample/README.md | 247 +++++++++++++++++++++++++++++++++++++ 10 files changed, 301 insertions(+), 30 deletions(-) create mode 100644 static/base.css create mode 100644 test_data/sample/README.md diff --git a/islands/DirList.tsx b/islands/DirList.tsx index f6d8007..7e8fc5c 100644 --- a/islands/DirList.tsx +++ b/islands/DirList.tsx @@ -14,7 +14,7 @@ function ListItem(props: { return (
  • - +

    {props.children}
    • diff --git a/islands/Login.tsx b/islands/Login.tsx index 3a56038..a183590 100644 --- a/islands/Login.tsx +++ b/islands/Login.tsx @@ -1,3 +1,22 @@ +import { ComponentChildren } from "preact"; + +function InputBox(props: { + label: string; + labelChildren?: ComponentChildren; + type: string; +}){ + const { label, labelChildren, type } = props; + return
    + + +
    +} + export default function LoginForm({ redirect = "/", failed = false, @@ -19,24 +38,8 @@ export default function LoginForm({ class="flex flex-col gap-2 items-stretch" >
    -
    - - -
    -
    - - -
    + +