@ozdao/prometheus-framework 0.0.90 → 0.0.91
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/landing.client.cjs +1 -1
- package/dist/landing.client.js +64 -61
- package/dist/prometheus-framework.cjs.js +19 -19
- package/dist/prometheus-framework.es.js +2164 -2171
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/modules/icons/labels/LabelAppStore.vue +27 -30
- package/src/modules/icons/labels/LabelGooglePlay.vue +21 -22
- package/src/modules/landing/components/sections/MobileApp.vue +18 -9
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div id="mobileApp"
|
|
3
|
-
<section class="cols-2-1_2 gap-big pd-big pd-t-big
|
|
2
|
+
<div id="mobileApp">
|
|
3
|
+
<section class="cols-2-1_2 gap-big pd-big pd-t-big o-hidden bg-black t-white radius-big">
|
|
4
4
|
<div class="z-index-1 w-1/2">
|
|
5
5
|
<img :src="mockupImage" alt="Mobile App Mockup" class="app-mockup">
|
|
6
6
|
</div>
|
|
7
7
|
|
|
8
8
|
<div class="z-index-1 w-1/2">
|
|
9
|
-
<h2 class="mn-t-medium mn-semi">{{ t('title') }}</h2>
|
|
10
|
-
<p class="t-transp mn-big p-big">{{ t('description') }}</p>
|
|
9
|
+
<h2 class="mn-t-medium mn-semi w-m-40r">{{ t('title') }}</h2>
|
|
10
|
+
<p class="t-transp mn-big p-big w-m-33r">{{ t('description') }}</p>
|
|
11
11
|
|
|
12
|
-
<div class="mn-big cols-2">
|
|
12
|
+
<div class="mn-big gap-medium cols-2">
|
|
13
13
|
<div class="feature">
|
|
14
14
|
<h3 class="mn-small">{{ t('features.instantUpdates.title') }}</h3>
|
|
15
15
|
<p class="t-transp p-medium">{{ t('features.instantUpdates.text') }}</p>
|
|
@@ -28,14 +28,22 @@
|
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
|
-
<div class="
|
|
32
|
-
<
|
|
33
|
-
|
|
31
|
+
<div class="w-m-33r flex-nowrap flex gap-medium">
|
|
32
|
+
<div class="w-100 h-100">
|
|
33
|
+
<span class="z-index-2 pd-tin radius-big bg-main t-semi uppercase pd-micro pos-absolute pos-r-small-negative pos-t-small-negative">{{ t('features.soonLabel') }}</span>
|
|
34
|
+
<LabelAppStore class="w-100 h-100" alt="Download on App Store"/>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
<div class="w-100 h-100">
|
|
38
|
+
<span class="z-index-2 pd-tin radius-big bg-main t-semi uppercase pd-micro pos-absolute pos-r-small-negative pos-t-small-negative">{{ t('features.soonLabel') }}</span>
|
|
39
|
+
<LabelGooglePlay class="w-100 h-100" alt="Download on Google Play"/>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
34
42
|
</div>
|
|
35
43
|
</div>
|
|
36
44
|
|
|
37
45
|
<div class="w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0 grid" :style="{backgroundImage: `url(${bgImage})`}">
|
|
38
|
-
<div v-if="!
|
|
46
|
+
<div v-if="!bgImage" class="grid-lines"></div>
|
|
39
47
|
</div>
|
|
40
48
|
</section>
|
|
41
49
|
</div>
|
|
@@ -102,6 +110,7 @@ const { t } = useI18n(props.textData)
|
|
|
102
110
|
|
|
103
111
|
.grid {
|
|
104
112
|
perspective: 450px;
|
|
113
|
+
background-size: cover;
|
|
105
114
|
}
|
|
106
115
|
|
|
107
116
|
.grid-lines {
|