@mirai/core 0.3.444 → 0.3.446
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/performance/index.html +40 -101
package/package.json
CHANGED
|
@@ -2,121 +2,83 @@
|
|
|
2
2
|
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<style>
|
|
5
|
-
body {
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
5
|
* {
|
|
11
6
|
font-family: var(--mirai-ui-font);
|
|
12
7
|
}
|
|
13
8
|
|
|
14
|
-
.flex {
|
|
15
|
-
align-items: center;
|
|
16
|
-
align-content: center;
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: row;
|
|
19
|
-
justify-content: center;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.column {
|
|
23
|
-
flex-direction: column;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.spaceBetween {
|
|
27
|
-
justify-content: space-between;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.wide {
|
|
31
|
-
width: 100%;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
9
|
header {
|
|
35
|
-
|
|
36
|
-
height: calc(var(--mirai-ui-space-XXL) * 2);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
header > :first-child {
|
|
40
|
-
padding: var(--mirai-ui-space-M) 0;
|
|
10
|
+
align-items: center;
|
|
41
11
|
border-bottom: solid 1px var(--mirai-ui-content-border);
|
|
42
|
-
|
|
12
|
+
padding: var(--mirai-ui-space-M);
|
|
43
13
|
}
|
|
44
14
|
|
|
45
|
-
header
|
|
46
|
-
|
|
47
|
-
|
|
15
|
+
header > h1 {
|
|
16
|
+
font-size: var(--mirai-ui-font-size-headline-2);
|
|
17
|
+
line-height: var(--mirai-ui-line-height-headline-2);
|
|
18
|
+
margin: 0;
|
|
19
|
+
padding: 0;
|
|
48
20
|
}
|
|
49
21
|
|
|
50
|
-
header
|
|
51
|
-
justify-content: flex-start;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
header .options:last-child {
|
|
55
|
-
justify-content: flex-end;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
header .logo strong {
|
|
59
|
-
font-size: var(--mirai-ui-font-size-headline-1);
|
|
60
|
-
line-height: var(--mirai-ui-line-height-headline-1);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
header .logo small {
|
|
22
|
+
header > small {
|
|
64
23
|
font-size: var(--mirai-ui-font-size-small);
|
|
65
24
|
line-height: var(--mirai-ui-line-height-small);
|
|
66
25
|
}
|
|
67
26
|
|
|
68
27
|
main {
|
|
69
|
-
background-color: var(--mirai-ui-content-border);
|
|
70
|
-
gap: var(--mirai-ui-space-XXL);
|
|
71
|
-
height: calc(100svh - calc(var(--mirai-ui-space-XXL) * 2));
|
|
72
|
-
justify-content: center;
|
|
73
28
|
padding: 0 var(--mirai-ui-space-M);
|
|
74
29
|
}
|
|
75
30
|
|
|
76
31
|
main > strong,
|
|
77
|
-
main >
|
|
32
|
+
main > small {
|
|
78
33
|
text-align: center;
|
|
34
|
+
display: block;
|
|
79
35
|
}
|
|
80
36
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
37
|
+
main > * {
|
|
38
|
+
margin: 0 auto;
|
|
39
|
+
width: fit-content;
|
|
40
|
+
}
|
|
85
41
|
|
|
86
|
-
|
|
87
|
-
|
|
42
|
+
@media only screen and (width <= 820px) {
|
|
43
|
+
main {
|
|
44
|
+
padding-top: var(--mirai-ui-space-XXL);
|
|
88
45
|
}
|
|
89
46
|
|
|
90
|
-
|
|
91
|
-
|
|
47
|
+
main > strong,
|
|
48
|
+
main > span {
|
|
49
|
+
width: 90%;
|
|
92
50
|
}
|
|
93
51
|
|
|
94
52
|
main > strong {
|
|
95
|
-
font-size: calc(var(--mirai-ui-font-size-headline-1) * 1.
|
|
96
|
-
line-height: calc(var(--mirai-ui-line-height-headline-1) * 1.
|
|
53
|
+
font-size: calc(var(--mirai-ui-font-size-headline-1) * 1.4);
|
|
54
|
+
line-height: calc(var(--mirai-ui-line-height-headline-1) * 1.4);
|
|
97
55
|
}
|
|
98
56
|
|
|
99
|
-
main >
|
|
100
|
-
font-size: var(--mirai-ui-font-size-
|
|
101
|
-
line-height: var(--mirai-ui-line-height-
|
|
57
|
+
main > small {
|
|
58
|
+
font-size: var(--mirai-ui-font-size-paragraph);
|
|
59
|
+
line-height: var(--mirai-ui-line-height-paragraph);
|
|
60
|
+
padding-top: var(--mirai-ui-space-L);
|
|
61
|
+
padding-bottom: var(--mirai-ui-space-XL);
|
|
102
62
|
}
|
|
103
63
|
}
|
|
104
64
|
|
|
105
65
|
@media only screen and (width > 820px) {
|
|
106
|
-
|
|
107
|
-
|
|
66
|
+
main {
|
|
67
|
+
padding-top: calc(var(--mirai-ui-space-XXL) * 2);
|
|
108
68
|
}
|
|
109
69
|
|
|
110
70
|
main > strong {
|
|
111
71
|
font-size: calc(var(--mirai-ui-font-size-headline-1) * 3);
|
|
112
72
|
line-height: calc(var(--mirai-ui-line-height-headline-1) * 3);
|
|
113
|
-
max-width:
|
|
73
|
+
max-width: 75%;
|
|
114
74
|
}
|
|
115
75
|
|
|
116
|
-
main >
|
|
76
|
+
main > small {
|
|
117
77
|
font-size: var(--mirai-ui-font-size-headline-2);
|
|
118
78
|
line-height: var(--mirai-ui-line-height-headline-2);
|
|
119
79
|
max-width: 50%;
|
|
80
|
+
padding-top: var(--mirai-ui-space-L);
|
|
81
|
+
padding-bottom: var(--mirai-ui-space-XXL);
|
|
120
82
|
}
|
|
121
83
|
}
|
|
122
84
|
</style>
|
|
@@ -128,48 +90,25 @@
|
|
|
128
90
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
129
91
|
<link rel="preconnect" href="https://reservation.mirai.com" />
|
|
130
92
|
<link rel="preconnect" href="https://i.pravatar.cc" />
|
|
131
|
-
<!-- /site -->
|
|
132
93
|
</head>
|
|
133
94
|
<body>
|
|
134
95
|
<div data-mirai-engine="mirai_tr" data-init="false"></div>
|
|
135
96
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
136
97
|
<div id="mirai" data-mirai-id="100379008"></div>
|
|
137
98
|
|
|
138
|
-
<header
|
|
139
|
-
<
|
|
140
|
-
|
|
141
|
-
<div class="flex options">
|
|
142
|
-
<small>EUR</small>
|
|
143
|
-
<small>English</small>
|
|
144
|
-
</div>
|
|
145
|
-
</div>
|
|
146
|
-
|
|
147
|
-
<div class="flex wide menu">
|
|
148
|
-
<div class="flex options">
|
|
149
|
-
<span>Home</span>
|
|
150
|
-
<span>About Us</span>
|
|
151
|
-
<span>Our Rooms</span>
|
|
152
|
-
</div>
|
|
153
|
-
<div class="flex column logo">
|
|
154
|
-
<strong>monalisa</strong>
|
|
155
|
-
<small>HOTEL & RESORT</small>
|
|
156
|
-
</div>
|
|
157
|
-
<div class="flex options">
|
|
158
|
-
<span>Log in</span>
|
|
159
|
-
<span>Signup</span>
|
|
160
|
-
</div>
|
|
161
|
-
</div>
|
|
99
|
+
<header>
|
|
100
|
+
<h1>monalisa</h1>
|
|
101
|
+
<small>Hotel & Resort</small>
|
|
162
102
|
</header>
|
|
163
|
-
<main
|
|
103
|
+
<main>
|
|
164
104
|
<strong>Discover the Serenity of a Perfect Stay</strong>
|
|
165
|
-
<
|
|
105
|
+
<small>
|
|
166
106
|
Experience the calming atmosphere of our serene guest rooms, each designed with your comfort in mind.
|
|
167
|
-
</
|
|
107
|
+
</small>
|
|
168
108
|
<div data-mirai-component="finder"></div>
|
|
169
109
|
</main>
|
|
170
110
|
|
|
171
111
|
<!-- @mirai/core -->
|
|
172
|
-
<script async type="module" defer src="../../src/index.js"
|
|
173
|
-
<script></script>
|
|
112
|
+
<script async type="module" defer src="../../src/index.js"></script>
|
|
174
113
|
</body>
|
|
175
114
|
</html>
|