@mirai/core 0.3.446 → 0.3.447

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 +84 -39
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/core",
3
- "version": "0.3.446",
3
+ "version": "0.3.447",
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
@@ -3,35 +3,75 @@
3
3
  <head>
4
4
  <style>
5
5
  * {
6
- font-family: var(--mirai-ui-font);
6
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
7
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
8
+ font-size: 16px;
9
+ line-height: 20px;
7
10
  }
8
11
 
9
- header {
12
+ header *,
13
+ main strong,
14
+ main small {
15
+ color: #484848;
16
+ }
17
+
18
+ header > * {
10
19
  align-items: center;
11
- border-bottom: solid 1px var(--mirai-ui-content-border);
12
- padding: var(--mirai-ui-space-M);
20
+ border-bottom: solid 1px #dedede;
21
+ display: flex;
22
+ flex-direction: row;
23
+ justify-content: space-between;
13
24
  }
14
25
 
15
- header > h1 {
16
- font-size: var(--mirai-ui-font-size-headline-2);
17
- line-height: var(--mirai-ui-line-height-headline-2);
26
+ header small {
27
+ font-size: 12px;
28
+ line-height: 16px;
29
+ }
30
+
31
+ header a {
32
+ margin-left: 12px;
33
+ text-decoration: none;
34
+ }
35
+
36
+ header h1 {
37
+ font-size: 24px;
38
+ line-height: 24px;
18
39
  margin: 0;
19
40
  padding: 0;
20
41
  }
21
42
 
22
- header > small {
23
- font-size: var(--mirai-ui-font-size-small);
24
- line-height: var(--mirai-ui-line-height-small);
43
+ header > :first-child {
44
+ padding: 12px 16px;
45
+ }
46
+
47
+ header > :first-child * {
48
+ color: #6e6e6e;
49
+ }
50
+
51
+ header > :first-child a {
52
+ font-size: 14px;
53
+ }
54
+
55
+ header > :last-child {
56
+ padding: 16px;
57
+ }
58
+
59
+ header > :last-child a {
60
+ font-weight: 500;
25
61
  }
26
62
 
27
63
  main {
28
- padding: 0 var(--mirai-ui-space-M);
64
+ background-color: #f6f6f6;
65
+ padding: 0 16px;
66
+ display: flex;
67
+ flex-direction: column;
68
+ align-items: center;
69
+ height: 80svh;
29
70
  }
30
71
 
31
72
  main > strong,
32
73
  main > small {
33
74
  text-align: center;
34
- display: block;
35
75
  }
36
76
 
37
77
  main > * {
@@ -41,44 +81,39 @@
41
81
 
42
82
  @media only screen and (width <= 820px) {
43
83
  main {
44
- padding-top: var(--mirai-ui-space-XXL);
45
- }
46
-
47
- main > strong,
48
- main > span {
49
- width: 90%;
84
+ padding-top: 64px;
50
85
  }
51
86
 
52
87
  main > strong {
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);
88
+ font-size: 44px;
89
+ line-height: 56px;
55
90
  }
56
91
 
57
92
  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);
93
+ font-size: 16px;
94
+ line-height: 20px;
95
+ padding-top: 24px;
96
+ padding-bottom: 48px;
62
97
  }
63
98
  }
64
99
 
65
100
  @media only screen and (width > 820px) {
66
101
  main {
67
- padding-top: calc(var(--mirai-ui-space-XXL) * 2);
102
+ padding-top: 96px;
68
103
  }
69
104
 
70
105
  main > strong {
71
- font-size: calc(var(--mirai-ui-font-size-headline-1) * 3);
72
- line-height: calc(var(--mirai-ui-line-height-headline-1) * 3);
106
+ font-size: 96px;
107
+ line-height: 120px;
73
108
  max-width: 75%;
74
109
  }
75
110
 
76
111
  main > small {
77
- font-size: var(--mirai-ui-font-size-headline-2);
78
- line-height: var(--mirai-ui-line-height-headline-2);
112
+ font-size: 24px;
113
+ line-height: 32px;
79
114
  max-width: 50%;
80
- padding-top: var(--mirai-ui-space-L);
81
- padding-bottom: var(--mirai-ui-space-XXL);
115
+ padding-top: 24px;
116
+ padding-bottom: 64px;
82
117
  }
83
118
  }
84
119
  </style>
@@ -86,20 +121,31 @@
86
121
  <meta name="viewport" content="width=device-width, initial-scale=1" />
87
122
  <title>Monalisa - Hotel & Resort</title>
88
123
  <link rel="preconnect" href="https://dictionary.mirai.com" />
89
- <link rel="preconnect" href="https://fonts.googleapis.com" />
90
- <link rel="preconnect" href="https://fonts.gstatic.com" />
91
124
  <link rel="preconnect" href="https://reservation.mirai.com" />
92
- <link rel="preconnect" href="https://i.pravatar.cc" />
93
125
  </head>
94
126
  <body>
95
- <div data-mirai-engine="mirai_tr" data-init="false"></div>
96
- <noscript>You need to enable JavaScript to run this app.</noscript>
97
127
  <div id="mirai" data-mirai-id="100379008"></div>
98
128
 
99
129
  <header>
100
- <h1>monalisa</h1>
101
- <small>Hotel & Resort</small>
130
+ <div>
131
+ <small>Contact us directly at +34 (0) 129 039 193</small>
132
+ <nav>
133
+ <a href="#">EUR</a>
134
+ <a href="#">English</a>
135
+ </nav>
136
+ </div>
137
+ <div>
138
+ <div>
139
+ <h1>monalisa</h1>
140
+ <small>Hotel & Resort</small>
141
+ </div>
142
+ <nav>
143
+ <a href="#">■ Login</a>
144
+ <a href="#">Signup</a>
145
+ </nav>
146
+ </div>
102
147
  </header>
148
+
103
149
  <main>
104
150
  <strong>Discover the Serenity of a Perfect Stay</strong>
105
151
  <small>
@@ -108,7 +154,6 @@
108
154
  <div data-mirai-component="finder"></div>
109
155
  </main>
110
156
 
111
- <!-- @mirai/core -->
112
157
  <script async type="module" defer src="../../src/index.js"></script>
113
158
  </body>
114
159
  </html>