Browse Source

fix: landing page CLS hero jump down

Adam 2 tháng trước cách đây
mục cha
commit
e16487b804

+ 3 - 0
packages/console/app/src/entry-server.tsx

@@ -1,6 +1,8 @@
 // @refresh reload
 // @refresh reload
 import { createHandler, StartServer } from "@solidjs/start/server"
 import { createHandler, StartServer } from "@solidjs/start/server"
 
 
+const criticalCSS = `[data-component="top"]{min-height:80px;display:flex;align-items:center}`
+
 export default createHandler(
 export default createHandler(
   () => (
   () => (
     <StartServer
     <StartServer
@@ -11,6 +13,7 @@ export default createHandler(
             <meta name="viewport" content="width=device-width, initial-scale=1" />
             <meta name="viewport" content="width=device-width, initial-scale=1" />
             <meta property="og:image" content="/social-share.png" />
             <meta property="og:image" content="/social-share.png" />
             <meta property="twitter:image" content="/social-share.png" />
             <meta property="twitter:image" content="/social-share.png" />
+            <style>{criticalCSS}</style>
             {assets}
             {assets}
           </head>
           </head>
           <body>
           <body>