farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: farmcontrol:88e76e1d68f4b6faa60eef7f22890fa22271a38b
Branches Tags
farmcontrol:main
..
compare: farmcontrol:309d82511010653f1e5edd38afd29d978239c4e5
Branches Tags
farmcontrol:main

No commits in common. "88e76e1d68f4b6faa60eef7f22890fa22271a38b" and "309d82511010653f1e5edd38afd29d978239c4e5" have entirely different histories.
88e76e1d68 ... 309d825110

3 changed files with 6 additions and 55 deletions
Show Stats Expand all files Collapse all files

7
index.html
View File

@ -11,15 +11,12 @@
/> />
<link rel="apple-touch-icon" href="/logo192.png" /> <link rel="apple-touch-icon" href="/logo192.png" />
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
<link rel="stylesheet" href="/fonts/fonts.css" preload /> <link rel="stylesheet" href="/fonts/fonts.css" />
<link rel="stylesheet" href="/preload.css" preload />
<script type="module" src="/src/index.jsx"></script> <script type="module" src="/src/index.jsx"></script>
<title>Farm Control</title> <title>Farm Control</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"> <div id="root"></div>
<div class="fc-preload"><div class="fc-loader"></div></div>
</div>
</body> </body>
</html> </html>

37
public/preload.css
View File

@ -1,37 +0,0 @@
.fc-preload {
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
@media (prefers-color-scheme: dark) {
body {
background-color: black;
}
}
@media (prefers-color-scheme: light) {
body {
background-color: white;
}
}
/* HTML: <div class="loader"></div> */
.fc-loader {
width: 35px;
aspect-ratio: 1;
border-radius: 50%;
background:
radial-gradient(farthest-side, #008eff 94%, #0000) top/6px 6px no-repeat,
conic-gradient(#0000 30%, #008eff);
-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 0);
animation: l13 1s infinite linear;
}
@keyframes l13 {
100% {
transform: rotate(1turn);
}
}

17
vite.config.js
View File

@ -3,22 +3,9 @@ import { defineConfig } from 'vite'
import eslintPlugin from 'vite-plugin-eslint' import eslintPlugin from 'vite-plugin-eslint'
import svgr from 'vite-plugin-svgr' import svgr from 'vite-plugin-svgr'
import svgo from 'vite-plugin-svgo' import svgo from 'vite-plugin-svgo'
import path from 'path'
import { fileURLToPath } from 'url'
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)
export default defineConfig({ export default defineConfig({
base: '/', base: '/',
resolve: {
alias: {
three: path.resolve(__dirname, 'node_modules/three')
}
},
optimizeDeps: {
include: ['@ant-design/icons']
},
plugins: [react(), svgo(), svgr(), eslintPlugin()], plugins: [react(), svgo(), svgr(), eslintPlugin()],
build: { build: {
outDir: 'build', outDir: 'build',
@ -41,6 +28,10 @@ export default defineConfig({
return 'antd' return 'antd'
} }
if (id.includes('node_modules/@ant-design/icons')) {
return 'ant-icons'
}
if (id.includes('node_modules/@ant-design/charts')) { if (id.includes('node_modules/@ant-design/charts')) {
return 'ant-charts' return 'ant-charts'
} }