@rimori/react-client 0.4.9-next.2 → 0.4.9-next.4

package/src/style.scss

@@ -7,130 +7,106 @@ dialog::backdrop {
   background: transparent;
 }
 
+/* Tiptap editor content styles */
 .tiptap {
-  padding-top: 5px;
-  padding-left: 7px;
-  /* min-height: 300px; */
-
-  &:focus-visible {
-    outline: none;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    @apply font-bold;
-    margin-bottom: 1rem;
-  }
+  @apply focus:outline-none;
 
   h1 {
-    @apply text-4xl;
+    @apply text-4xl font-bold mt-6 mb-3 first:mt-0;
   }
 
   h2 {
-    @apply text-3xl;
+    @apply text-3xl font-semibold mt-5 mb-2 first:mt-0;
   }
 
   h3 {
-    @apply text-2xl;
+    @apply text-2xl font-semibold mt-4 mb-2 first:mt-0;
   }
 
-  h4 {
-    @apply text-xl;
+  blockquote {
+    @apply border-l-4 border-primary/30 pl-4 py-1 my-3 text-muted-foreground italic;
   }
 
-  h5 {
-    @apply text-lg;
+  pre {
+    @apply bg-muted rounded-lg p-4 my-3 overflow-x-auto text-sm font-mono;
   }
 
-  h6 {
-    @apply text-base;
+  code {
+    @apply bg-muted px-1.5 py-0.5 rounded text-sm font-mono;
   }
 
-  p {
-    @apply mb-4;
+  pre code {
+    @apply bg-transparent p-0;
   }
 
-  a {
-    @apply text-blue-600 hover:text-blue-800;
-    text-decoration: none;
+  hr {
+    @apply border-border my-6;
   }
 
-  a:hover {
-    @apply underline;
+  a {
+    @apply text-primary underline underline-offset-2;
   }
 
-  ul {
-    @apply list-disc pl-8;
+  /* Basic editor styles */
+  :first-child {
+    margin-top: 0;
+  }
 
-    li > p {
-      @apply mb-1;
-    }
+  li {
+    @apply mb-1;
   }
 
-  ol {
-    @apply list-decimal pl-7;
+  ul {
+    @apply list-disc list-inside dark:text-white pl-3 [&_p]:inline m-0;
 
-    li > p {
-      @apply mb-1;
+    p {
+      @apply m-0;
     }
-  }
 
-  blockquote {
-    @apply border-l-4 pl-4 italic text-gray-600 my-4;
-    border-color: #ccc;
+    li {
+      @apply m-0;
+    }
   }
 
-  code {
-    font-family: monospace;
-  }
+  ol {
+    @apply list-decimal pl-7 m-0;
 
-  pre {
-    @apply bg-gray-800 text-gray-500 p-4 rounded-lg overflow-x-auto;
-    font-family: monospace;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-  }
+    p {
+      @apply m-0;
+    }
 
-  img {
-    @apply max-w-full h-auto rounded-lg my-4;
+    li {
+      @apply m-0;
+    }
   }
 
+  /* Table-specific styling */
   table {
-    @apply table-auto w-full border-collapse mb-4;
-  }
-
-  th,
-  td {
-    @apply border px-4 py-2 text-left;
-  }
+    @apply border-collapse m-0 overflow-hidden w-full mb-1;
 
-  th {
-    @apply bg-gray-500 font-semibold;
-  }
+    td,
+    th {
+      @apply dark:border-gray-700 border;
+      @apply mb-0 align-baseline pl-1.5;
 
-  tr:nth-child(even) {
-    @apply bg-gray-400;
-  }
-
-  @media (max-width: 768px) {
-    h1 {
-      @apply text-3xl;
+      p {
+        @apply mb-0;
+      }
     }
 
-    h2 {
-      @apply text-2xl;
+    th {
+      /* @apply bg-gray-500; */
+      @apply font-bold text-left;
     }
+  }
 
-    p {
-      @apply text-base;
-    }
+  .tableWrapper {
+    margin: 1.5rem 0;
+    @apply overflow-x-auto;
+  }
 
-    img {
-      @apply max-w-full;
-    }
+  &.resize-cursor {
+    @apply cursor-ew-resize;
+    cursor: col-resize;
   }
 }