From ce0c44227371be0dd854a2520db93f803e51e08a Mon Sep 17 00:00:00 2001 From: Max Leiter Date: Tue, 29 Nov 2022 22:10:51 -0800 Subject: [PATCH] Remove geist-ui, add loading prop to button, convert header to CSS --- .../file-dropdown/dropdown.module.css | 9 +- .../components/file-dropdown/index.tsx | 12 +- client/app/(posts)/new/components/new.tsx | 22 +-- client/app/(posts)/new/from/[id]/page.tsx | 4 +- .../post/[id]/components/post-page/index.tsx | 10 +- .../post-page/view-document/index.tsx | 9 +- client/app/(posts)/post/[id]/head.tsx | 2 +- client/app/(posts)/post/[id]/page.tsx | 5 +- .../badges/created-ago-badge/index.tsx | 16 +- .../badges/visibility-control/index.tsx | 66 ++++---- .../button-group/button-group.module.css | 2 +- client/app/components/button-group/index.tsx | 4 +- client/app/components/button/index.tsx | 25 ++- .../app/components/header/header.module.css | 68 ++++---- client/app/components/header/index.tsx | 160 +++++++++--------- client/app/components/note/index.tsx | 4 +- client/app/components/page-seo/index.tsx | 5 +- client/app/components/page/page.module.css | 4 +- .../app/components/password-modal/index.tsx | 2 +- .../password-modal/modal.module.css | 10 +- client/app/components/shift-by.tsx | 20 --- client/app/head.tsx | 2 +- client/app/layout.tsx | 4 +- client/app/mine/head.tsx | 2 +- client/app/root-layout-wrapper.tsx | 1 - .../components/sections/profile.module.css | 7 + .../settings/components/sections/profile.tsx | 28 +-- client/app/settings/head.tsx | 2 +- client/app/styles/Home.module.css | 11 -- client/app/styles/globals.css | 6 +- client/lib/server/auth.ts | 2 +- client/package.json | 6 - client/pnpm-lock.yaml | 115 +------------ 33 files changed, 253 insertions(+), 392 deletions(-) delete mode 100644 client/app/components/shift-by.tsx create mode 100644 client/app/settings/components/sections/profile.module.css delete mode 100644 client/app/styles/Home.module.css diff --git a/client/app/(posts)/components/file-dropdown/dropdown.module.css b/client/app/(posts)/components/file-dropdown/dropdown.module.css index 99c2ee01..898bab2a 100644 --- a/client/app/(posts)/components/file-dropdown/dropdown.module.css +++ b/client/app/(posts)/components/file-dropdown/dropdown.module.css @@ -36,12 +36,15 @@ background-color: var(--lighter-gray); } -.content li a { +.content .listItem { display: flex; align-items: center; - text-align: center; - padding: var(--gap-half) var(--gap); + justify-content: space-between; color: var(--dark-gray); + text-decoration: none; + /* vertical alignment */ + padding: var(--gap-quarter) 0; + } .button { diff --git a/client/app/(posts)/components/file-dropdown/index.tsx b/client/app/(posts)/components/file-dropdown/index.tsx index 51ecb3a3..bb8cb0a1 100644 --- a/client/app/(posts)/components/file-dropdown/index.tsx +++ b/client/app/(posts)/components/file-dropdown/index.tsx @@ -1,6 +1,4 @@ -import Button from "@components/button" import { Popover } from "@components/popover" -import ShiftBy from "@components/shift-by" import { codeFileExtensions } from "@lib/constants" import clsx from "clsx" import type { File } from "lib/server/prisma" @@ -32,10 +30,8 @@ const FileDropdown = ({ files }: { files: File[] }) => {