@mirai/core 0.3.444 → 0.3.445

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/public/performance/index.html +51 -97
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/core",
3
- "version": "0.3.444",
3
+ "version": "0.3.445",
4
4
  "source": "src/index.js",
5
5
  "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
6
6
  "author": "JΛVI <hello@soyjavi.com>",
package/public/performance/index.html CHANGED
@@ -1,122 +1,93 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
3
  <head>
4
+ <link rel="stylesheet" href="/index.25ab5e3a.css" />
5
+ <link rel="stylesheet" href="/index.198da828.css" />
4
6
  <style>
5
- body {
6
- display: flex;
7
- flex-direction: column;
8
- }
9
-
10
7
  * {
11
8
  font-family: var(--mirai-ui-font);
12
9
  }
13
10
 
14
- .flex {
11
+ header {
15
12
  align-items: center;
16
- align-content: center;
13
+ border-bottom: solid 1px var(--mirai-ui-content-border);
17
14
  display: flex;
18
15
  flex-direction: row;
19
- justify-content: center;
20
- }
21
-
22
- .column {
23
- flex-direction: column;
24
- }
25
-
26
- .spaceBetween {
27
16
  justify-content: space-between;
17
+ padding: var(--mirai-ui-space-M);
28
18
  }
29
19
 
30
- .wide {
31
- width: 100%;
32
- }
33
-
34
- header {
35
- padding: 0 var(--mirai-ui-space-M);
36
- height: calc(var(--mirai-ui-space-XXL) * 2);
37
- }
38
-
39
- header > :first-child {
40
- padding: var(--mirai-ui-space-M) 0;
41
- border-bottom: solid 1px var(--mirai-ui-content-border);
42
- color: var(--mirai-ui-content-light);
43
- }
44
-
45
- header .options {
46
- gap: var(--mirai-ui-space-L);
47
- font-weight: 500;
48
- }
49
-
50
- header .options:first-child {
51
- justify-content: flex-start;
52
- }
53
-
54
- header .options:last-child {
55
- justify-content: flex-end;
20
+ header h1 {
21
+ font-size: var(--mirai-ui-font-size-headline-2);
22
+ line-height: var(--mirai-ui-line-height-headline-2);
23
+ margin: 0;
24
+ padding: 0;
56
25
  }
57
26
 
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 {
27
+ header small {
64
28
  font-size: var(--mirai-ui-font-size-small);
65
29
  line-height: var(--mirai-ui-line-height-small);
66
30
  }
67
31
 
32
+ header span {
33
+ margin-left: var(--mirai-ui-space-M);
34
+ }
35
+
68
36
  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
37
  padding: 0 var(--mirai-ui-space-M);
74
38
  }
75
39
 
76
40
  main > strong,
77
- main > span {
41
+ main > small {
78
42
  text-align: center;
43
+ display: block;
79
44
  }
80
45
 
81
- @media only screen and (width <= 820px) {
82
- header > :last-child > * {
83
- width: 50%;
84
- }
46
+ main > * {
47
+ margin: 0 auto;
48
+ width: fit-content;
49
+ }
85
50
 
86
- header .logo {
87
- align-items: flex-start;
51
+ @media only screen and (width <= 820px) {
52
+ main {
53
+ padding-top: var(--mirai-ui-space-XXL);
88
54
  }
89
55
 
90
- header .options:first-child {
91
- display: none;
56
+ main > strong,
57
+ main > span {
58
+ width: 90%;
92
59
  }
93
60
 
94
61
  main > strong {
95
- font-size: calc(var(--mirai-ui-font-size-headline-1) * 1.5);
96
- line-height: calc(var(--mirai-ui-line-height-headline-1) * 1.5);
62
+ font-size: calc(var(--mirai-ui-font-size-headline-1) * 1.4);
63
+ line-height: calc(var(--mirai-ui-line-height-headline-1) * 1.4);
97
64
  }
98
65
 
99
- main > span {
100
- font-size: var(--mirai-ui-font-size-headline-3);
101
- line-height: var(--mirai-ui-line-height-headline-3);
66
+ main > small {
67
+ font-size: var(--mirai-ui-font-size-paragraph);
68
+ line-height: var(--mirai-ui-line-height-paragraph);
69
+ padding-top: var(--mirai-ui-space-L);
70
+ padding-bottom: var(--mirai-ui-space-XL);
102
71
  }
103
72
  }
104
73
 
105
74
  @media only screen and (width > 820px) {
106
- header > :last-child > * {
107
- width: 33.33%;
75
+ main {
76
+ padding-top: calc(var(--mirai-ui-space-XXL) * 2);
108
77
  }
109
78
 
110
79
  main > strong {
111
80
  font-size: calc(var(--mirai-ui-font-size-headline-1) * 3);
112
81
  line-height: calc(var(--mirai-ui-line-height-headline-1) * 3);
113
- max-width: 60%;
82
+ max-width: 75%;
114
83
  }
115
84
 
116
- main > span {
85
+ main > small {
117
86
  font-size: var(--mirai-ui-font-size-headline-2);
118
87
  line-height: var(--mirai-ui-line-height-headline-2);
119
88
  max-width: 50%;
89
+ padding-top: var(--mirai-ui-space-L);
90
+ padding-bottom: var(--mirai-ui-space-XXL);
120
91
  }
121
92
  }
122
93
  </style>
@@ -128,48 +99,31 @@
128
99
  <link rel="preconnect" href="https://fonts.gstatic.com" />
129
100
  <link rel="preconnect" href="https://reservation.mirai.com" />
130
101
  <link rel="preconnect" href="https://i.pravatar.cc" />
131
- <!-- /site -->
132
102
  </head>
133
103
  <body>
134
104
  <div data-mirai-engine="mirai_tr" data-init="false"></div>
135
105
  <noscript>You need to enable JavaScript to run this app.</noscript>
136
106
  <div id="mirai" data-mirai-id="100379008"></div>
137
107
 
138
- <header class="flex column">
139
- <div class="flex spaceBetween wide">
140
- <small>Contact us directly at +34 (0) 129 039 193</small>
141
- <div class="flex options">
142
- <small>EUR</small>
143
- <small>English</small>
144
- </div>
108
+ <header>
109
+ <div>
110
+ <h1>monalisa</h1>
111
+ <small>Hotel & Resort</small>
145
112
  </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>
113
+ <div>
114
+ <span>Log in</span>
115
+ <span>Signup</span>
161
116
  </div>
162
117
  </header>
163
- <main class="flex column">
118
+ <main>
164
119
  <strong>Discover the Serenity of a Perfect Stay</strong>
165
- <span>
120
+ <small>
166
121
  Experience the calming atmosphere of our serene guest rooms, each designed with your comfort in mind.
167
- </span>
122
+ </small>
168
123
  <div data-mirai-component="finder"></div>
169
124
  </main>
170
125
 
171
126
  <!-- @mirai/core -->
172
- <script async type="module" defer src="../../src/index.js" onload="window.mirai.core"></script>
173
- <script></script>
127
+ <script async="" defer="" src="/index.93a27b30.js" onload="window.mirai.core"></script>
174
128
  </body>
175
129
  </html>