fix: minor style tweaks

sunaurus · Apr 14, 2024 · 6f4a7c6 · 6f4a7c6
1 parent ee6c479
commit 6f4a7c6
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 13 deletions.
diff --git a/src/app/(ui)/form/Input.tsx b/src/app/(ui)/form/Input.tsx
@@ -9,9 +9,9 @@ export const Input = ({ className, ...rest }: Props) => {
   return (
     <input
       className={classNames(
-        `autofill:bg-primary-700 focus:border-primary-500 focus:ring-primary-500 text-md
-        block rounded border border-neutral-600 bg-neutral-700 p-2 text-neutral-200
-        placeholder-neutral-400 focus:outline-none disabled:brightness-50`,
+        `text-md block rounded border border-neutral-600 bg-neutral-700 p-2
+        text-neutral-200 placeholder-neutral-400 autofill:bg-primary-700
+        focus:border-primary-500 focus:outline-none focus:ring-0 disabled:brightness-50`,
         { "w-full": rest.type !== "checkbox" },
         { "text-primary-400": rest.type === "checkbox" },
         className,

diff --git a/src/app/(ui)/form/Select.tsx b/src/app/(ui)/form/Select.tsx
@@ -9,9 +9,9 @@ export const Select = ({ className, ...rest }: Props) => {
   return (
     <select
       className={classNames(
-        `autofill:bg-primary-700 focus:border-primary-500 focus:ring-primary-500 text-md
-        block rounded border border-neutral-600 bg-neutral-700 p-2 text-neutral-200
-        placeholder-neutral-400 focus:outline-none`,
+        `text-md block rounded border border-neutral-600 bg-neutral-700 p-2
+        text-neutral-200 placeholder-neutral-400 autofill:bg-primary-700
+        focus:border-primary-500 focus:outline-none focus:ring-0`,
         { "w-full": rest.type !== "checkbox" },
         { "text-primary-400": rest.type === "checkbox" },
         className,

diff --git a/src/app/(ui)/form/TextArea.tsx b/src/app/(ui)/form/TextArea.tsx
@@ -12,7 +12,7 @@ export const TextArea = ({ className, ...rest }: TextAreaProps) => {
       className={classNames(
         `block w-full rounded border border-neutral-600 bg-neutral-700 p-2 text-sm
         text-white placeholder-neutral-400 autofill:bg-primary-700
-        focus:border-primary-500 focus:outline-none focus:ring-primary-500`,
+        focus:border-primary-500 focus:outline-none focus:ring-0`,
         className,
       )}
       {...rest}

diff --git a/src/app/(ui)/markdown/MarkdownTextArea.tsx b/src/app/(ui)/markdown/MarkdownTextArea.tsx
@@ -280,7 +280,7 @@ export const MarkdownTextArea = (
         <TextArea
           {...passThroughProps}
           className={classNames(
-            "mt-0 rounded-none rounded-b pt-0",
+            "mt-0 rounded-none rounded-b p-1",
             textAreaClassName,
           )}
           disabled={uploading}
@@ -297,7 +297,7 @@ export const MarkdownTextArea = (
             props.textAreaClassName,
           )}
         >
-          <Markdown content={value} />
+          <Markdown content={value || "(Nothing to preview yet)"} />
         </div>
       )}
       {uploading && (

diff --git a/src/app/post/PostThumbnail.tsx b/src/app/post/PostThumbnail.tsx
@@ -30,19 +30,19 @@ export const PostThumbnail = memo(
       <div
         className={classNames(
           `relative ml-1 flex h-[70px] min-h-[70px] w-[70px] min-w-[70px] items-center
-          justify-center overflow-hidden rounded bg-neutral-600`,
+          justify-center overflow-hidden rounded bg-neutral-800`,
           props.className,
         )}
       >
         {src ? (
           <>
             <ThumbnailImage props={props} src={src} />
-            {<PhotoIcon className={"h-8 text-neutral-900"} />}
+            {<PhotoIcon className={"h-8 text-neutral-500"} />}
           </>
         ) : props.post.url ? (
-          <LinkIcon className={"h-8 text-neutral-900"} />
+          <LinkIcon className={"h-8 text-neutral-500"} />
         ) : (
-          <ChatBubbleBottomCenterTextIcon className={"h-8 text-neutral-900"} />
+          <ChatBubbleBottomCenterTextIcon className={"h-8 text-neutral-500"} />
         )}
         {hasExpandableMedia(props.post) && (
           <ExpandOverlay