diff --git a/public/electron.svg b/public/electron.svg
new file mode 100644
index 0000000..8a4e381
--- /dev/null
+++ b/public/electron.svg
@@ -0,0 +1,7 @@
+
\ No newline at end of file
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..c88e31c
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1,20 @@
+
diff --git a/src/App.scss b/src/App.scss
index 78b1263..d02bb4b 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -5,7 +5,14 @@
text-align: center;
}
+.logo-box {
+ position: relative;
+ height: 9em;
+}
+
.logo {
+ position: absolute;
+ left: calc(50% - 4.5em);
height: 6em;
padding: 1.5em;
will-change: filter;
@@ -25,7 +32,7 @@
}
@media (prefers-reduced-motion: no-preference) {
- .logo {
+ .logo.electron {
animation: logo-spin infinite 20s linear;
}
}
diff --git a/src/App.tsx b/src/App.tsx
index 6566091..5c43073 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,9 +9,10 @@ function App() {
const [count, setCount] = useState(0)
return (
-
+
Electron + Vite + React
+ 
+ 