add wx mp

src/modules/layout/index.tsx

@@ -7,13 +7,14 @@ import { useShallow } from 'zustand/react/shallow';
 import { useEffect, useLayoutEffect, useState } from 'react';
 import { LayoutUser } from './LayoutUser';
 import PandaPNG from '@/assets/panda.png';
+import QRCodePNG from '@/assets/qrcode-8x8.jpg';
 import { Panel, PanelGroup } from 'react-resizable-panels';
 import clsx from 'clsx';
 import { Button, Menu, MenuItem } from '@mui/material';
 import i18n from 'i18next';
 
 import { IconButton } from '@kevisual/components/button/index.tsx';
-import { Languages } from 'lucide-react';
+import { Languages, QrCode } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
 
@@ -89,6 +90,15 @@ export const LayoutMain = (props: LayoutMainProps) => {
         <div className='flex grow justify-between pl-4 items-center'>
           {props.title}
           <div className='mr-4 flex gap-4 items-center no-drag'>
+            <div className='group relative'>
+              <IconButton>
+                <QrCode size={16} />
+              </IconButton>
+              <div className='absolute hidden group-hover:flex bg-white p-2 border shadow-md top-10 -left-15 w-40 z-[9999] flex-col items-center justify-center rounded-md'>
+                <img src={QRCodePNG} alt='QR Code' />
+                <div className='text-sm text-black'>逸闻设计</div>
+              </div>
+            </div>
             <div>
               <Tooltip title={currentLanguage === 'en' ? 'English' : 'Chinese'}>
                 <IconButton onClick={handleClick} variant='contained'>
@@ -154,7 +164,7 @@ export const LayoutMain = (props: LayoutMainProps) => {
         <PanelGroup className='w-full h-full panel-layout' autoSaveId='editor-layout-main' direction='horizontal'>
           <Panel style={{ height: '100%' }}>
             <div className='h-full overflow-hidden'>
-              <div className='w-full h-full rounded-lg text-primary'>
+              <div className='w-full h-full rounded-lg text-text-primary'>
                 <Outlet />
               </div>
             </div>