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:309d82511010653f1e5edd38afd29d978239c4e5
Branches Tags
farmcontrol:main
...
compare: farmcontrol:88e76e1d68f4b6faa60eef7f22890fa22271a38b
Branches Tags
farmcontrol:main

2 Commits
309d825110 ... 88e76e1d68

Author SHA1 Message Date
Tom Butcher
88e76e1d68 Fixed icon rollup. 2025-12-27 16:35:48 +00:00
Tom Butcher
919e6d192a Added pre-load animation. 2025-12-27 16:35:37 +00:00
3 changed files with 55 additions and 6 deletions
Show Stats Expand all files Collapse all files

7
index.html
View File

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

37
public/preload.css Normal file
View File

@ -0,0 +1,37 @@
.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,9 +3,22 @@ import { defineConfig } from 'vite'
import eslintPlugin from 'vite-plugin-eslint'
import svgr from 'vite-plugin-svgr'
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({
base: '/',
resolve: {
alias: {
three: path.resolve(__dirname, 'node_modules/three')
}
},
optimizeDeps: {
include: ['@ant-design/icons']
},
plugins: [react(), svgo(), svgr(), eslintPlugin()],
build: {
outDir: 'build',
@ -28,10 +41,6 @@ export default defineConfig({
return 'antd'
}
if (id.includes('node_modules/@ant-design/icons')) {
return 'ant-icons'
}
if (id.includes('node_modules/@ant-design/charts')) {
return 'ant-charts'
}