mobile: responsive sizes for annotation tools (#236)

* chore: refine assetPrefix in config for easier debug over LAN

* mobile: responsive sizes for annotation tools

apps/readest-app/src/components/MenuItem.tsx

@@ -35,7 +35,9 @@ const MenuItem: React.FC<MenuItemProps> = ({
     >
       <div className='flex items-center'>
         {!noIcon && <span style={{ minWidth: `${iconSize}px` }}>{icon}</span>}
-        <span className={clsx('ml-2 truncate sm:max-w-32', labelClass)}>{label}</span>
+        <span className={clsx('ml-2 truncate text-base sm:max-w-32 sm:text-sm', labelClass)}>
+          {label}
+        </span>
       </div>
       {shortcut && <span className='text-neutral-content hidden text-sm sm:flex'>{shortcut}</span>}
     </button>