Skip to content

Commit 49012c2

Browse files
slax57slax57
committed
simplify index.html
1 parent 7c5a208 commit 49012c2

2 files changed

Lines changed: 6 additions & 100 deletions

File tree

‎examples/ra-offline/index.html‎

Lines changed: 3 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -3,103 +3,13 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
6-
<title>My Awesome App</title>
7-
<meta name="description" content="My Awesome App description" />
6+
<title>React-Admin Offline</title>
7+
<meta name="description" content="React-Admin Offline Demo" />
88
<link rel="icon" href="/favicon.ico" />
99
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" sizes="180x180" />
1010
<link rel="mask-icon" href="/maskable-icon-512x512.png" color="#FFFFFF" />
1111
<meta name="theme-color" content="#ffffff" />
1212
<title>ra-offline</title>
13-
<style>
14-
.loader-container {
15-
display: flex;
16-
align-items: center;
17-
justify-content: center;
18-
flex-direction: column;
19-
position: absolute;
20-
top: 0;
21-
bottom: 0;
22-
left: 0;
23-
right: 0;
24-
background-color: #fafafa;
25-
}
26-
27-
/* CSS Spinner from https://projects.lukehaas.me/css-loaders/ */
28-
29-
.loader,
30-
.loader:before,
31-
.loader:after {
32-
border-radius: 50%;
33-
}
34-
35-
.loader {
36-
color: #283593;
37-
font-size: 11px;
38-
text-indent: -99999em;
39-
margin: 55px auto;
40-
position: relative;
41-
width: 10em;
42-
height: 10em;
43-
box-shadow: inset 0 0 0 1em;
44-
-webkit-transform: translateZ(0);
45-
-ms-transform: translateZ(0);
46-
transform: translateZ(0);
47-
}
48-
49-
.loader:before,
50-
.loader:after {
51-
position: absolute;
52-
content: "";
53-
}
54-
55-
.loader:before {
56-
width: 5.2em;
57-
height: 10.2em;
58-
background: #fafafa;
59-
border-radius: 10.2em 0 0 10.2em;
60-
top: -0.1em;
61-
left: -0.1em;
62-
-webkit-transform-origin: 5.2em 5.1em;
63-
transform-origin: 5.2em 5.1em;
64-
-webkit-animation: load2 2s infinite ease 1.5s;
65-
animation: load2 2s infinite ease 1.5s;
66-
}
67-
68-
.loader:after {
69-
width: 5.2em;
70-
height: 10.2em;
71-
background: #fafafa;
72-
border-radius: 0 10.2em 10.2em 0;
73-
top: -0.1em;
74-
left: 5.1em;
75-
-webkit-transform-origin: 0px 5.1em;
76-
transform-origin: 0px 5.1em;
77-
-webkit-animation: load2 2s infinite ease;
78-
animation: load2 2s infinite ease;
79-
}
80-
81-
@-webkit-keyframes load2 {
82-
0% {
83-
-webkit-transform: rotate(0deg);
84-
transform: rotate(0deg);
85-
}
86-
100% {
87-
-webkit-transform: rotate(360deg);
88-
transform: rotate(360deg);
89-
}
90-
}
91-
92-
@keyframes load2 {
93-
0% {
94-
-webkit-transform: rotate(0deg);
95-
transform: rotate(0deg);
96-
}
97-
100% {
98-
-webkit-transform: rotate(360deg);
99-
transform: rotate(360deg);
100-
}
101-
}
102-
</style>
10313
<link rel="preconnect" href="https://fonts.gstatic.com" />
10414
<link
10515
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
@@ -109,11 +19,7 @@
10919

11020
<body>
11121
<noscript> You need to enable JavaScript to run this app. </noscript>
112-
<div id="root">
113-
<div class="loader-container">
114-
<div class="loader">Loading...</div>
115-
</div>
116-
</div>
22+
<div id="root"></div>
11723
</body>
11824
<script type="module" src="/src/index.tsx"></script>
11925
</html>

‎examples/ra-offline/vite.config.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,9 @@ export default defineConfig(({ mode }) => ({
5050
"maskable-icon-512x512.png",
5151
],
5252
manifest: {
53-
name: "My Awesome App",
54-
short_name: "MyApp",
55-
description: "My Awesome App description",
53+
name: "React-Admin Offline",
54+
short_name: "RA Offline",
55+
description: "React-Admin Offline Demo",
5656
theme_color: "#ffffff",
5757
icons: [
5858
{

0 commit comments

Comments
 (0)