Update demo site fonts

sibiraj-s · Nov 26, 2023 · 5562992 · 5562992
1 parent c6841b6
commit 5562992
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 9 deletions.
diff --git a/src/app.scss b/src/app.scss
@@ -2,16 +2,26 @@
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 
+@layer base {
+  body {
+    @apply antialiased;
+  }
+}
+
 .ProseMirror {
   p {
     @apply mb-2;
   }
 
+  h1,h2 {
+    @apply font-bold;
+  }
+
   h1 {
-    @apply text-2xl;
+    @apply text-3xl;
   }
 
   h2 {
-    @apply text-xl;
+    @apply text-2xl;
   }
 }
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <main class="container mx-auto py-10 px-4 sm:px-16 md:px-32">
-  <nav class="mb-4 flex gap-4">
+  <nav class="mb-4 flex gap-4 font-medium">
     <a href="{base}/" class="text-blue-600 hover:underline">Advanced Editor</a>
     <a href="{base}/floating-menu" class="text-blue-600 hover:underline">Floating Menu</a>
     <a href="{base}/bubble-menu" class="text-blue-600 hover:underline">Bubble Menu</a>

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -21,7 +21,7 @@
       `,
       editorProps: {
         attributes: {
-          class: 'border-2 border-black rounded-b-md p-3 outline-none ',
+          class: 'border-2 border-black rounded-b-md p-3 outline-none',
         },
       },
     });
@@ -85,7 +85,7 @@
   <title>Tiptap Svelte</title>
 </svelte:head>
 
-<h1 class="mb-2">Editor with Nodeview Renderer</h1>
+<h1 class="mb-2 font-bold">Editor with Nodeview Renderer</h1>
 
 {#if editor}
   <div class="border-black border-2 border-b-0 rounded-t-md p-2 flex gap-1">

diff --git a/src/routes/bubble-menu/+page.svelte b/src/routes/bubble-menu/+page.svelte
@@ -16,7 +16,7 @@
       `,
       editorProps: {
         attributes: {
-          class: 'border-2 border-black rounded-md p-3 outline-none ',
+          class: 'border-2 border-black rounded-md p-3 outline-none',
         },
       },
     });
@@ -37,7 +37,7 @@
   <title>Bubble Menu | Tiptap Svelte</title>
 </svelte:head>
 
-<h1 class="mb-2">Editor with Bubble Menu</h1>
+<h1 class="mb-2 font-bold">Editor with Bubble Menu</h1>
 
 {#if editor}
   <BubbleMenu editor={$editor}>

diff --git a/src/routes/floating-menu/+page.svelte b/src/routes/floating-menu/+page.svelte
@@ -16,7 +16,7 @@
       `,
       editorProps: {
         attributes: {
-          class: 'border-2 border-black rounded-md p-3 outline-none ',
+          class: 'border-2 border-black rounded-md p-3 outline-none',
         },
       },
     });
@@ -43,7 +43,7 @@
   <title>Floating Menu | Tiptap Svelte</title>
 </svelte:head>
 
-<h1 class="mb-2">Editor with Floating Menu</h1>
+<h1 class="mb-2 font-bold">Editor with Floating Menu</h1>
 
 {#if editor}
   <FloatingMenu editor={$editor}>