change icon for share , change color in text of Infobox

This commit is contained in:
Milos Holba
2021-01-21 20:49:32 +01:00
parent 98d1926ab3
commit 078d920c19
8 changed files with 35 additions and 52 deletions
@@ -2,7 +2,8 @@
<div class="popup-header">
<div class="icon">
<corner-down-right-icon v-if="icon === 'move'" size="15" class="title-icon"></corner-down-right-icon>
<link-icon v-if="icon === 'share'" size="17" class="title-icon"></link-icon>
<share-icon v-if="icon === 'share'" size="17" class="title-icon"></share-icon>
<!-- <link-icon v-if="icon === 'share'" size="17" class="title-icon"></link-icon> -->
<edit2-icon v-if="icon === 'edit'" size="17" class="title-icon"></edit2-icon>
</div>
<div class="label">
@@ -13,7 +14,7 @@
</template>
<script>
import {CornerDownRightIcon, LinkIcon, XIcon, Edit2Icon} from 'vue-feather-icons'
import {CornerDownRightIcon, LinkIcon, XIcon, Edit2Icon, ShareIcon} from 'vue-feather-icons'
import {events} from '@/bus'
export default {
@@ -23,6 +24,7 @@
],
components: {
CornerDownRightIcon,
ShareIcon,
Edit2Icon,
LinkIcon,
XIcon,
@@ -11,9 +11,7 @@
<!-- Infobox for successfull sended email -->
<div v-if="isGeneratedShared && shareViaEmail" class="info-box">
<InfoBox >
{{$t('shared_form.email_successfully_send_message')}}
</InfoBox>
<InfoBox v-html="$t('shared_form.email_successfully_send_message')"/>
</div>
+2 -4
View File
@@ -11,13 +11,11 @@
<!-- Infobox for successfull sended email -->
<div v-if="sendToRecipientsMenu && isEmailSended" class="info-box">
<InfoBox >
{{$t('shared_form.email_successfully_send_message')}}
</InfoBox>
<InfoBox v-html="$t('shared_form.email_successfully_send_message')"/>
</div>
<div v-if="! sendToRecipientsMenu || (sendToRecipientsMenu && isEmailSended)" class="input-wrapper copy-input">
<label class="input-label">{{ $t('shared_form.label_shared_url') }}:</label>
<label class="input-label">{{ $t('shared_form.label_share_vie_email') }}:</label>
<CopyInput size="small" :value="pickedItem.shared.link" :share-via-email="sendToRecipientsMenu ? false : true" />
</div>