lixuechuan
/
electron-vite-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: clean up code specifications

This commit is contained in:
Jimmy 2023-09-27 15:24:38 +08:00
parent 988e848719
commit ee7e5fb06c
3 changed files with 20 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/App.tsx
View File

@ -1,37 +1,23 @@
import { useState } from "react"; import { useState } from 'react'
import logoVite from "./assets/logo-vite.svg"; import UpdateElectron from '@/components/update-tailwind'
import logoElectron from "./assets/logo-electron.svg"; import logoVite from './assets/logo-vite.svg'
import "./App.css"; import logoElectron from './assets/logo-electron.svg'
import UpdateElectron from "@/components/update-tailwind"; import './App.css'
console.log( console.log('[App.tsx]', `Hello world from Electron ${process.versions.electron}!`)
"[App.tsx]",
`Hello world from Electron ${process.versions.electron}!`,
);
function App() { function App() {
const [count, setCount] = useState(0); const [count, setCount] = useState(0)
return ( return (
<div className="App"> <div className='App'>
<div className="logo-box"> <div className='logo-box'>
<a <a href='https://github.com/electron-vite/electron-vite-react' target='_blank'>
href="https://github.com/electron-vite/electron-vite-react" <img src={logoVite} className='logo vite' alt='Electron + Vite logo' />
target="_blank" <img src={logoElectron} className='logo electron' alt='Electron + Vite logo' />
>
<img
src={logoVite}
className="logo vite"
alt="Electron + Vite logo"
/>
<img
src={logoElectron}
className="logo electron"
alt="Electron + Vite logo"
/>
</a> </a>
</div> </div>
<h1>Electron + Vite + React</h1> <h1>Electron + Vite + React</h1>
<div className="card"> <div className='card'>
<button onClick={() => setCount((count) => count + 1)}> <button onClick={() => setCount((count) => count + 1)}>
count is {count} count is {count}
</button> </button>
@ -39,21 +25,16 @@ function App() {
Edit <code>src/App.tsx</code> and save to test HMR Edit <code>src/App.tsx</code> and save to test HMR
</p> </p>
</div> </div>
<p className="read-the-docs"> <p className='read-the-docs'>
Click on the Electron + Vite logo to learn more Click on the Electron + Vite logo to learn more
</p> </p>
<div className="flex-center"> <div className='flex-center'>
Place static files into the<code>/public</code> folder{" "} Place static files into the<code>/public</code> folder <img style={{ width: '5em' }} src='./node.svg' alt='Node logo' />
<img
style={{ width: "5em" }}
src="./node.svg"
alt="Node logo"
/>
</div> </div>
<UpdateElectron /> <UpdateElectron />
</div> </div>
); )
} }
export default App; export default App

2
src/components/update/Modal/index.tsx
View File

@ -23,7 +23,7 @@ const ModalTemplate: React.FC<React.PropsWithChildren<{
} = props } = props
return ( return (
<div className='update-modals'> <div className='update-modal'>
<div className='update-modal__mask' /> <div className='update-modal__mask' />
<div className='update-modal__warp'> <div className='update-modal__warp'>
<div className='update-modal__content' style={{ width }}> <div className='update-modal__content' style={{ width }}>

2
src/main.tsx
View File

@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client'
import App from './App' import App from './App'
import './samples/node-api' import './samples/node-api'
import './index.css' import './index.css'
import "@/components/update-tailwind/tailwind.css"; import '@/components/update-tailwind/tailwind.css';
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render( ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
<React.StrictMode> <React.StrictMode>