minor ui fix (spacing and margin)

thomasgauvin · May 25, 2024 · 36097cb · 36097cb
1 parent 9ace5ee
commit 36097cb
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --host",
+    "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"

diff --git a/sample-markdown-folder/✅ Todo list.md b/sample-markdown-folder/✅ Todo list.md
@@ -84,13 +84,15 @@
 
 *   Make it so that you can start editing and save later (maybe make it a zip on unsupported devices)
 
-*   Make it mobile UI responsive
+*   Make it mobile UI responsive <-- 🟡⬅️
 
-*   Have the UI have top level folders as sections
+*   After entering the title, click enter, and then it deselects, kinda annoying (upon note creation)
 
 
 ### P1
 
+*   Have the UI have top level folders as sections
+
 *   Support ignoring frontmatter ✅
 
 *   Add support for Google Drive, GitHub syncing

diff --git a/src/components/FileSystemAdapters/FileSystem/WorkspaceSelector.tsx b/src/components/FileSystemAdapters/FileSystem/WorkspaceSelector.tsx
@@ -110,15 +110,15 @@ export function WorkspaceSelector({
             <div className="my-4">
               <Separator.Root className="bg-zinc-200 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full my-[15px]" />
             </div>
-            <div className="flex flex-row items-center justify-between">
+            {/* <div className="flex flex-row items-center justify-between">
               <Button
                 onClick={handleDecideLater}
                 className="rounded w-full hover:border-zinc-200"
                 variant={"link"}
               >
                 Decide Later
               </Button>
-            </div>
+            </div> */}
           </div>
         </div>
       </div>

diff --git a/src/components/MarkdownEditor/RemirrorMarkdownEditor.tsx b/src/components/MarkdownEditor/RemirrorMarkdownEditor.tsx
@@ -124,6 +124,7 @@ export const RemirrorMarkdownEditor: FC<
         "overflow-hidden",
         "outline-none",
         "prose",
+        "max-w-3xl",
         "md:prose-base",
         "prose-sm",
         "prose-zinc",

diff --git a/src/components/ui/ResizableSidebar.tsx b/src/components/ui/ResizableSidebar.tsx
@@ -41,7 +41,7 @@ const MyComponent = ({
 
   return (
     <div
-      className={`md:static fixed z-40 h-full flex flex-1 ${
+      className={`md:static grow-0 fixed z-40 h-full flex flex-1 ${
         hidden ? "hidden" : ""
       }`}
       style={style}

diff --git a/src/pages/Editor.tsx b/src/pages/Editor.tsx
@@ -50,12 +50,9 @@ export const EditorPage: React.FC = () => {
         //I am using ! to signify important such that the class overrides the style because
         //the style needs to be in line since it relies on width state and cannot be outside
         //in css
-        className={`flex flex-1 h-full w-full relative
+        className={`flex flex-1 h-full w-full relative grow
           ${panelIsOpen ? `-md:!max-w-full` : ""}
         `}
-        style={{
-          maxWidth: `${panelIsOpen ? `calc(100% - ${width / 16}rem)` : "100%"}`,
-        }}
       >
         <div
           className={`flex-1 flex flex-col md:overflow-y-scroll