olaren.dev
washes u
feat: basic ui
+5
-7
index.html
+5
-7
index.html
···
1
-
<!doctype html>
1
+
<!DOCTYPE html>
2
2
<html lang="en">
3
3
<head>
4
4
<meta charset="utf-8" />
···
6
6
<meta name="theme-color" content="#000000" />
7
7
<title>Washing Machine</title>
8
8
</head>
9
-
<body>
10
-
<noscript
11
-
>You need to enable JavaScript to run this app because I wanted to try out
12
-
solidjs sorry</noscript
13
-
>
14
-
<div id="root"></div>
9
+
<body class="bg-slate-200 text-neutral-800">
10
+
<noscript>You need to enable JavaScript to run this app because I wanted to
11
+
try out solidjs sorry</noscript>
12
+
<div class="flex justify-center" id="root"></div>
15
13
16
14
<script src="/src/index.tsx" type="module"></script>
17
15
</body>
+22
-22
package.json
+22
-22
package.json
···
1
1
{
2
-
"name": "vite-template-solid",
3
-
"version": "0.1.0",
4
-
"description": "",
5
-
"type": "module",
6
-
"scripts": {
7
-
"start": "vite",
8
-
"dev": "vite",
9
-
"build": "vite build",
10
-
"serve": "vite preview"
11
-
},
12
-
"license": "AGPL-3.0-only",
13
-
"devDependencies": {
14
-
"@tailwindcss/vite": "^4.1.13",
15
-
"solid-devtools": "^0.34.3",
16
-
"tailwindcss": "^4.1.13",
17
-
"typescript": "^5.9.2",
18
-
"vite": "^7.1.4",
19
-
"vite-plugin-solid": "^2.11.8"
20
-
},
21
-
"dependencies": {
22
-
"solid-js": "^1.9.9"
23
-
}
2
+
"name": "vite-template-solid",
3
+
"version": "0.1.0",
4
+
"description": "",
5
+
"type": "module",
6
+
"scripts": {
7
+
"start": "vite",
8
+
"dev": "vite",
9
+
"build": "vite build",
10
+
"serve": "vite preview"
11
+
},
12
+
"license": "AGPL-3.0-only",
13
+
"devDependencies": {
14
+
"@tailwindcss/vite": "^4.1.13",
15
+
"solid-devtools": "^0.34.3",
16
+
"tailwindcss": "^4.1.13",
17
+
"typescript": "^5.9.2",
18
+
"vite": "^7.1.4",
19
+
"vite-plugin-solid": "^2.11.8"
20
+
},
21
+
"dependencies": {
22
+
"solid-js": "^1.9.9"
23
+
}
24
24
}
+11
-1
src/App.tsx
+11
-1
src/App.tsx
···
1
1
import type { Component } from "solid-js";
2
2
3
3
const App: Component = () => {
4
-
return <p class="text-4xl text-green-700 text-center py-20">*washes u*</p>;
4
+
return (
5
+
<div class="max-w-xl w-full p-5">
6
+
<h1 class="text-2xl mb-10">Washing Machine</h1>
7
+
<div class="flex">
8
+
<input class="bg-slate-300 p-2 w-full" type="search" />
9
+
<buttom class="bg-slate-800 text-neutral-200 p-2" type="submit">
10
+
wash
11
+
</buttom>
12
+
</div>
13
+
</div>
14
+
);
5
15
};
6
16
7
17
export default App;