Skip to content

Commit 69bef53

Browse files
atila-crabnebulaatila-crabnebula
authored
new styles for example (#342)
1 parent 5f788db commit 69bef53

File tree

2 files changed

+76
-24
lines changed

2 files changed

+76
-24
lines changed

‎examples/tauri/src/index.html‎

Lines changed: 41 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,46 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link
7+
href="https://fonts.googleapis.com/css?family=Press+Start+2P"
8+
rel="stylesheet"
9+
/>
10+
<link
11+
href="https://unpkg.com/nes.css@latest/css/nes.min.css"
12+
rel="stylesheet"
13+
/>
14+
<title>Welcome to Tauri!</title>
15+
</head>
316

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Welcome to Tauri!</title>
8-
</head>
17+
<style>
18+
body {
19+
width: 100vw;
20+
height: 100vh;
21+
display: grid;
22+
place-items: center;
23+
background-color: #212529;
24+
}
925

10-
<body>
11-
<h1>Welcome to Tauri!</h1>
12-
<button id="test1">test command</button>
13-
<a href="/test.html">go to test</a>
14-
<script src="index.js"></script>
15-
</body>
26+
header {
27+
padding: 2rem 0;
28+
font-weight: normal;
29+
}
30+
</style>
1631

17-
</html>
32+
<body class="is-dark">
33+
<div class="nes-container is-centered with-title is-dark">
34+
<header>
35+
<h1>CrabNebula DevTools</h1>
36+
<span
37+
>Tauri v2 with
38+
<code class="nes-text is-success">tauri-plugin-devtools</code></span
39+
>
40+
</header>
41+
<button id="test1" class="nes-btn is-warning">Fire flaky request</button>
42+
<a href="/test.html" class="nes-text is-primary">Navigate</a>
43+
</div>
44+
<script src="index.js"></script>
45+
</body>
46+
</html>

‎examples/tauri/src/test.html‎

Lines changed: 35 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,38 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link
7+
href="https://fonts.googleapis.com/css?family=Press+Start+2P"
8+
rel="stylesheet"
9+
/>
10+
<link
11+
href="https://unpkg.com/nes.css@latest/css/nes.min.css"
12+
rel="stylesheet"
13+
/>
14+
<title>Welcome to Tauri!</title>
15+
</head>
16+
<style>
17+
body {
18+
width: 100vw;
19+
height: 100vh;
20+
display: grid;
21+
place-items: center;
22+
background-color: #212529;
23+
}
324

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Welcome to Tauri!</title>
8-
</head>
9-
10-
<body>
11-
<h1>Welcome to Tauri!</h1>
12-
<a href="/index.html">go back to index</a>
13-
</body>
14-
15-
</html>
25+
header {
26+
padding: 2rem 0;
27+
font-weight: normal;
28+
}
29+
</style>
30+
<body class="is-dark">
31+
<div class="nes-container is-centered with-title is-dark">
32+
<header>
33+
<h1>Page 2 - <i class="nes-icon trophy is-large"></i></h1>
34+
</header>
35+
<a href="/index.html">Back to beginning.</a>
36+
</div>
37+
</body>
38+
</html>

0 commit comments

Comments
 (0)