From 6f4a7c6b5b99ea443ff07f09d3c0a188d00f5f62 Mon Sep 17 00:00:00 2001
From: sunaurus <sander@saarend.com>
Date: Sun, 14 Apr 2024 19:22:45 +0300
Subject: [PATCH] fix: minor style tweaks

---
 src/app/(ui)/form/Input.tsx                | 6 +++---
 src/app/(ui)/form/Select.tsx               | 6 +++---
 src/app/(ui)/form/TextArea.tsx             | 2 +-
 src/app/(ui)/markdown/MarkdownTextArea.tsx | 4 ++--
 src/app/post/PostThumbnail.tsx             | 8 ++++----
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/app/(ui)/form/Input.tsx b/src/app/(ui)/form/Input.tsx
index e88fb9c..587cc84 100644
--- 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
index 353c3f6..e4d57ad 100644
--- 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
index 9ff2ddb..0bf5b58 100644
--- 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
index 38bf9bb..634c56e 100644
--- 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
index 7b56796..f6d9cc1 100644
--- 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