update

Author: bichikim

.vscode/settings.json

@@ -7,6 +7,7 @@
     "hugeicons",
     "iconify",
     "pinia",
+    "Pretendard",
     "smplr",
     "solidjs",
     "tabler",

apps/bplan-client/src/components/midi-player/SFileItem.tsx

@@ -148,10 +148,10 @@ export const SFileItem = (props: SFileItemProps) => {
       </span>
       <Show
         when={innerProps.inProgress}
-        fallback={<span class="w-5 h-5 flex-shrink-0 i-tabler:piano" />}
+        fallback={<span class="w-5 h-5 c-black flex-shrink-0 i-tabler:piano" />}
       >
         <span class="scale-140 inline-flex origin-center flex-shrink-0">
-          <span class={cx('inline-block i-tabler:loader-2 text-black', 'animate-spin')} />
+          <span class={cx('inline-block i-tabler:loader-2 c-black', 'animate-spin')} />
         </span>
       </Show>
       <Show when={innerProps.ext && innerProps.ext !== 'midi' && !innerProps.inProgress}>

apps/bplan-client/src/components/midi-player/SSettingItem.tsx

@@ -13,10 +13,6 @@ export interface SSettingItemProps<T extends SSettingItemType>
   value?: T extends 'switch' ? boolean : number
 }
 
-const handleTouchEnd: JSX.EventHandlerUnion<HTMLInputElement, TouchEvent> = (event) => {
-  ;(event.target as any)?.click()
-}
-
 export function SSettingItem<T extends SSettingItemType>(props: SSettingItemProps<T>) {
   const [innerProps, restProps] = splitProps(props, [
     'label',
@@ -56,7 +52,6 @@ export function SSettingItem<T extends SSettingItemType>(props: SSettingItemProp
             class="w-6 h-6 touch-none"
             checked={typeof innerProps.value === 'boolean' ? innerProps.value : false}
             onChange={handleSwitchChange}
-            onTouchEnd={handleTouchEnd}
           />
         </Match>
         <Match when={innerProps.type === 'slider'}>

apps/bplan-client/src/entry-server.tsx

@@ -16,18 +16,30 @@ export default createHandler(() => (
           <meta name="theme-color" content="#eee" />
           <link rel="mask-icon" href="/favicon.svg" color="#00aba9" />
           <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
+          <link
+            rel="stylesheet"
+            as="style"
+            crossorigin=""
+            href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css"
+          />
           <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
           <link rel="mask-icon" href="/favicon.svg" color="#00aba9" />
           <link rel="manifest" href="/manifest.json" />
           <style type="text/css">
-            {`body {
+            {`
+              body {
                 position: relative;
                 overflow: hidden;
                 margin: 0;
                 height:100;
                 height: 100dvh;
                 height: --webkit-fill-available;
-              }`}
+                font-family: "Pretendard Variable", sans-serif;
+              }
+              button {
+                font-family: inherit;
+              }
+            `}
           </style>
           {assets}
         </head>