Rounded corners

Author: SangeloDev

src/lib/PWABadge.svelte

@@ -63,7 +63,7 @@
 
 {#if toast}
   <div
-    class="bg-base-100 dark:bg-base-200 border-base-400/30 fixed right-0 bottom-0 z-[999] m-4 rounded-sm border text-left shadow-md"
+    class="bg-base-100 dark:bg-base-200 border-base-400/30 fixed right-0 bottom-0 z-[999] m-4 rounded-md border text-left shadow-md"
     role="alert"
     aria-labelledby="toast-message">
     <div class="m-3 mr-10">

src/lib/components/Modal.svelte

@@ -39,7 +39,7 @@
     max-w-[64rem]
     min-w-full
     -translate-1/2
-    rounded-sm
+    rounded-md
     border
     p-0
     backdrop:bg-black

src/lib/components/Preview.svelte

@@ -127,7 +127,7 @@
   prose-code:bg-base-400
   prose-code:py-1
   prose-code:px-2
-  prose-code:rounded-sm
+  prose-code:rounded-md
   prose-code:before:content-none
   prose-code:after:content-none
   prose-code:font-medium

src/routes/+page.svelte

@@ -3,7 +3,6 @@
   import Modal from "$lib/components/Modal.svelte";
   import Settings from "$lib/components/modals/Settings.svelte";
   import Shortcuts from "$lib/components/modals/Shortcuts.svelte";
-  import type { ToolbarItem } from "$lib/types";
   import { CircleHelp, Notebook, SettingsIcon } from "lucide-svelte";
   import { createGlobalHotkeys as hotkeys, editorHotkeys } from "$lib/utils/hotkeys";
   import {
@@ -12,20 +11,6 @@
     getSettingsModalVisibility,
     setSettingsModalVisibility,
   } from "$lib/components/Editor.svelte.ts";
-  import { getEnabledToolbarItems } from "$lib/components/modals/Settings.svelte.ts";
-
-  // const items: ToolbarItem[] = [{ id: 9, enabled: false }];
-
-  // Get enabled toolbar items from settings
-  let enabledItems = $derived(getEnabledToolbarItems());
-
-  // Convert to the format expected by your Editor component
-  let toolbarItems = $derived(
-    enabledItems.map((item: ToolbarItem) => ({
-      id: parseInt(item.id) || 0,
-      enabled: item.enabled,
-    }))
-  );
 
   let shortcutModalVisible = $derived(getShortcutModalVisibility());
   let settingsModalVisible = $derived(getSettingsModalVisibility());

src/styles/config.css

@@ -84,7 +84,7 @@ body.dark {
 
 @layer utilities {
   .btn {
-    @apply flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1 transition-all;
+    @apply flex cursor-pointer items-center gap-2 rounded-md px-2 py-1 transition-all;
     @apply hover:backdrop-brightness-95 dark:hover:backdrop-brightness-150;
     @apply aria-pressed:cursor-default aria-pressed:backdrop-brightness-95 dark:aria-pressed:backdrop-brightness-150;
     @apply disabled:cursor-default disabled:opacity-50 disabled:hover:backdrop-brightness-100;