Refactor choice icons and update SVG assets

demo/+docpress.tsx

@@ -51,18 +51,32 @@ const config: Config = {
   choices: {
     server: {
       choices: [
-        { name: 'Hono', icon: iconHono, iconStyle: { width: 13, height: 13 } },
-        { name: 'Express', icon: iconExpress },
-        { name: 'Fastify', icon: iconFastify, iconStyle: { position: 'relative', top: 1 } },
+        {
+          name: 'Hono',
+          icon: iconHono,
+          iconStyle: { marginBottom: '1.5px' },
+        },
+        {
+          name: 'Express',
+          icon: iconExpress,
+          iconStyle: { objectFit: 'contain' },
+          iconStyleTab: { height: '11.5px' },
+        },
+        {
+          name: 'Fastify',
+          icon: iconFastify,
+          iconStyleDropdown: { width: '14px' },
+          iconStyleTab: { width: '18px' },
+        },
         { name: 'H3', icon: iconH3 },
       ],
       default: 'Hono',
     },
     uiFramework: {
       choices: [
-        { name: 'React', icon: iconReact, iconStyle: { position: 'relative', top: -0.5, opacity: 1 } },
-        { name: 'Vue', icon: iconVue, iconStyle: { position: 'relative', top: -0.5 } },
-        { name: 'Solid', icon: iconSolid, iconStyle: { position: 'relative', top: -0.5 } },
+        { name: 'React', icon: iconReact },
+        { name: 'Vue', icon: iconVue },
+        { name: 'Solid', icon: iconSolid },
       ],
       default: 'React',
     },

demo/assets/choices-icons/index.ts

@@ -3,5 +3,5 @@ export { default as iconExpress } from './express-icon.svg'
 export { default as iconFastify } from './fastify-icon.svg'
 export { default as iconH3 } from './h3-icon.svg'
 export { default as iconReact } from './react-icon.svg'
-export { default as iconVue } from './vue-icon.svg'
-export { default as iconSolid } from './solid-icon.svg'
+export { default as iconVue } from './vuejs-icon.svg'
+export { default as iconSolid } from './solidjs-icon.svg'