feat: restyle blockquote

src/components/common/ConnectButton.tsx

@@ -9,6 +9,7 @@ import { UniLink } from "../ui/UniLink"
 import { useEffect, useState } from "react"
 import { DuplicateIcon, LogoutIcon } from "@heroicons/react/outline"
 import { BigNumber } from "ethers"
+import { SITE_URL } from "~/lib/env"
 
 export const ConnectButton: React.FC<{
   left?: boolean
@@ -40,7 +41,7 @@ export const ConnectButton: React.FC<{
     {
       icon: <DashboardIcon />,
       label: "Writer dashboard",
-      url: `/dashboard`,
+      url: `${SITE_URL}/dashboard`,
     },
     {
       icon: <LogoutIcon className="w-4 h-4" />,

src/css/prose.css

@@ -37,10 +37,10 @@
 }
 
 .prose blockquote {
-  @apply border-l-4 border-theme-color;
+  @apply border-l-4 border-zinc-300;
   @apply pl-5;
-  @apply my-7;
-  @apply text-zinc-900 font-medium;
+  @apply mb-5;
+  @apply text-zinc-500;
 }
 
 .prose ul {

src/css/tailwind.css

@@ -269,3 +269,8 @@ textarea.input {
 .text-theme-color-dark {
   color: var(--theme-color-dark);
 }
+
+::selection {
+  background-color: var(--theme-color);
+  color: #fff;
+}

src/pages/dashboard/[subdomain]/editor.tsx

@@ -149,7 +149,7 @@ export default function SubdomainEditor() {
         })
         view.dispatch(
           view.state.replaceSelection(
-            `\n\n![${file.name.replace(/\.\w+$/, "")}](${key})\n\n`,
+            `\n![${file.name.replace(/\.\w+$/, "")}](${key})\n`,
           ),
         )
       } catch (error) {
@@ -266,7 +266,7 @@ export default function SubdomainEditor() {
                     ref={editorRef}
                   ></div>
                   <EditorPreview
-                    className="px-5 w-1/2 overflow-scroll"
+                    className="px-5 w-1/2 overflow-scroll pb-[200px]"
                     content={content}
                   ></EditorPreview>
                 </div>