UI work

client/src/components/Forms/Form.css

@@ -0,0 +1,3 @@
+textarea {
+    caret-color: rgb(0, 38, 255);
+}

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"
+                    className="shadow-lg w-full px-4 py-3 h-28 border-none bg-black text-white"
-                    placeholder="Shitpost here..."
                     value={comment}
                     onChange={(e) => setComment(e.target.value)}
                 />

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

client/src/index.css

@@ -4,19 +4,12 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+  font-family: 'SF Mono', monospace;
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
   -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');

client/src/index.tsx

@@ -9,7 +9,7 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <React.StrictMode>
-    <App />
+    <App/>
   </React.StrictMode>
 );
 

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',