From 5404ad0bf98b7d98a87033c14009a7e5f22f5865 Mon Sep 17 00:00:00 2001
From: smolgrrr <smolgrrr@protonmail.com>
Date: Mon, 27 Nov 2023 01:38:20 +1100
Subject: [PATCH] UI work

---
 client/src/components/Forms/Form.css                  | 3 +++
 client/src/components/Forms/PostFormCard.tsx          | 8 ++++----
 client/src/components/Modals/CardModals/TextModal.tsx | 2 +-
 client/src/index.css                                  | 9 +--------
 client/src/index.tsx                                  | 2 +-
 client/tailwind.config.js                             | 4 ++++
 6 files changed, 14 insertions(+), 14 deletions(-)
 create mode 100644 client/src/components/Forms/Form.css

diff --git a/client/src/components/Forms/Form.css b/client/src/components/Forms/Form.css
new file mode 100644
index 0000000..e83d125
--- /dev/null
+++ b/client/src/components/Forms/Form.css
@@ -0,0 +1,3 @@
+textarea {
+    caret-color: rgb(0, 38, 255);
+}
\ No newline at end of file
diff --git a/client/src/components/Forms/PostFormCard.tsx b/client/src/components/Forms/PostFormCard.tsx
index e22a397..02420c0 100644
--- a/client/src/components/Forms/PostFormCard.tsx
+++ b/client/src/components/Forms/PostFormCard.tsx
@@ -11,6 +11,7 @@ import { renderMedia, attachFile } from "../../utils/FileUpload";
 import { EmojiPicker } from "./Emojis/emoji-picker";
 import customEmojis from './custom_emojis.json';
 import { useSubmitForm } from "./handleSubmit";
+import "./Form.css";
 
 interface FormProps {
     refEvent?: NostrEvent;
@@ -48,9 +49,8 @@ const NewNoteCard = ({
             if (tags) {
                 tags.forEach(tag => unsigned.tags.push([tag, refEvent[tag === 'p' ? 'pubkey' : 'id']]));
             }
-
             if (tagType === 'Quote') {
-                setComment(comment + ' nostr:' + nip19.noteEncode(refEvent.id));
+                setComment(comment + '\nnostr:' + nip19.noteEncode(refEvent.id));
             }
         }
 
@@ -135,11 +135,11 @@ const NewNoteCard = ({
         >
             <input type="hidden" name="MAX_FILE_SIZE" defaultValue={2.5 * 1024 * 1024} />
             <div className="px-4 flex flex-col rounded-lg">
+                {"C:\\WIRE>"}
                 <textarea
                     name="com"
                     wrap="soft"
-                    className="shadow-lg w-full px-4 py-3 h-28 rounded-md outline-none focus:outline-none bg-black border border-neutral-700 text-white placeholder:text-neutral-500"
-                    placeholder="Shitpost here..."
+                    className="shadow-lg w-full px-4 py-3 h-28 border-none bg-black text-white"
                     value={comment}
                     onChange={(e) => setComment(e.target.value)}
                 />
diff --git a/client/src/components/Modals/CardModals/TextModal.tsx b/client/src/components/Modals/CardModals/TextModal.tsx
index 7da26dc..842be81 100644
--- a/client/src/components/Modals/CardModals/TextModal.tsx
+++ b/client/src/components/Modals/CardModals/TextModal.tsx
@@ -75,7 +75,7 @@ const ContentPreview = ({ key, eventdata }: { key: string; eventdata: Event }) =
   };
 
   return (
-    <div className="gap-2 flex flex-col break-words font-normal">
+    <div className="gap-2 flex flex-col break-words text-xs">
       <RichText text={finalComment} isExpanded={isExpanded} emojiMap={emojiMap} />
       {finalComment.length > 350 && (
         <button
diff --git a/client/src/index.css b/client/src/index.css
index 9099f8c..9bdf1ab 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -4,19 +4,12 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: 'SF Mono', monospace;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: black;
 }
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
-
 @layer components {
   .card {
     border-radius: theme('borderRadius.lg');
diff --git a/client/src/index.tsx b/client/src/index.tsx
index 949820f..5cb7ff0 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -9,7 +9,7 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <React.StrictMode>
-    <App />
+    <App/>
   </React.StrictMode>
 );
 
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index ee90009..9ccc80b 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -3,6 +3,10 @@ module.exports = {
   content: ["./src/**/*.{js,jsx,ts,tsx}"],
   theme: {
     extend: {
+      fontFamily: {
+        'sf-mono': ['SFMono-Regular', 'monospace'],
+        'body': ['SFMono-Regular', 'monospace'],
+      },
       animation: {
         'fade-in': 'fadeIn 0.25s ease-in-out',
         'slide-up': 'slideUp 0.25s ease-in-out',