fix: correct theme breakpoints

Author: sanyuan0704

src/node/unocss.config.ts

@@ -52,6 +52,12 @@ const options: VitePluginConfig = {
     fontSize: {
       '6xl': ['3.5rem', '4rem']
     },
+    breakpoints: {
+      xs: '640px',
+      sm: '768px',
+      md: '960px',
+      lg: '1280px'
+    },
     colors: {
       brand: 'var(--island-c-brand)',
       'brand-light': 'var(--island-c-brand-light)',

src/theme-default/components/Aside/index.tsx

@@ -70,7 +70,7 @@ export function Aside(
 
   return (
     <div flex="~ col 1">
-      <div display={`${hasOutline ? 'block' : 'none'}`}>
+      <div display={`${hasOutline ? 'lg:block' : 'none'}`}>
         <div
           relative=""
           divider-left=""

src/theme-default/components/Nav/index.tsx

@@ -57,7 +57,7 @@ export function Nav() {
   };
 
   return (
-    <header relative="" z="2" fixed="lg:~" className="top-0 left-0" w="100%">
+    <header relative="" z="2" fixed="md:~" className="top-0 left-0" w="100%">
       <div
         relative=""
         p="l-8 sm:x-8"