Skip to content

Commit 5916b38

Browse files
committed
Update UI small promo block
1 parent a988f5d commit 5916b38

File tree

1 file changed

+7
-8
lines changed

1 file changed

+7
-8
lines changed

src/components/PromoClearYouTube.vue

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<template>
22
<div class="review-block" v-if="showReview && canShowPromo">
3-
<p>{{ t('promoClearYoutube.message') }}</p>
4-
<div class="btn-block">
5-
<img height="15" src="../assets/icons/close.svg" @click="closeBlock()" />
6-
<input type="button" :value="t('promoClearYoutube.description')" @click="openStore()" />
3+
<div class="img-block">
4+
<img src="../assets/icons/clear-youtube-logo.svg" height="45" />
75
</div>
6+
<p>{{ t('promoClearYoutube.message') }}</p>
7+
<input type="button" :value="t('promoClearYoutube.description')" @click="openStore()" />
8+
<img height="15" src="../assets/icons/close.svg" @click="closeBlock()" />
89
</div>
910
</template>
1011

@@ -59,16 +60,14 @@ async function saveValue() {
5960
font-size: 14px;
6061
background-color: #efefef;
6162
border-radius: 10px;
62-
min-width: 655px;
63+
display: flex;
64+
justify-content: space-between;
6365
}
6466
.review-block .btn-block {
6567
margin: 8px 5px 0 0;
6668
vertical-align: top;
6769
float: right;
6870
}
69-
.review-block input[type='button'] {
70-
float: right;
71-
}
7271
.review-block p {
7372
display: inline-block;
7473
margin: 0 10px;

0 commit comments

Comments
 (0)