feat: Style change DeleteUserModal.vue display userdata overview

This commit is contained in:
ogerly 2020-03-06 09:04:03 +01:00
parent a1114a8a83
commit 7700865692

View File

@ -5,32 +5,38 @@
<sweetalert-icon icon="success" /> <sweetalert-icon icon="success" />
</ds-flex> </ds-flex>
</transition> </transition>
<div> <div>
<ds-flex> <ds-section>
<ds-flex-item :width="{ base: '60px', md: '200px' }"> <ds-heading>{{ userdata.name }}</ds-heading>
<ds-placeholder>
<div> <div>
<ds-avatar :name="userdata.name" :image="userdata.avatar" size="x-large" /> <ds-avatar :name="userdata.name" :image="userdata.avatar" size="x-large" />
</div> </div>
</ds-flex-item> <br />
<ds-flex-item> <ds-text>
<div> Slug:
<ds-text>Name:</ds-text>
<ds-text size="x-large">{{ userdata.name }}</ds-text>
<ds-text>Slug:</ds-text>
<ds-text size="x-large">{{ userdata.slug }}</ds-text> <ds-text size="x-large">{{ userdata.slug }}</ds-text>
<ds-text>Id:</ds-text> </ds-text>
<ds-text>
Id:
<ds-text size="x-large">{{ userdata.id }}</ds-text> <ds-text size="x-large">{{ userdata.id }}</ds-text>
<ds-text>contributionsCount:</ds-text> </ds-text>
<ds-text>
contributionsCount:
<ds-text size="x-large">{{ userdata.contributionsCount }}</ds-text> <ds-text size="x-large">{{ userdata.contributionsCount }}</ds-text>
<ds-text>commentedCount:</ds-text> </ds-text>
<ds-text>
commentedCount:
<ds-text size="x-large">{{ userdata.commentedCount }}</ds-text> <ds-text size="x-large">{{ userdata.commentedCount }}</ds-text>
<ds-text>createdAt:</ds-text> </ds-text>
<ds-text>
createdAt:
<ds-text size="x-large">{{ userdata.createdAt }}</ds-text> <ds-text size="x-large">{{ userdata.createdAt }}</ds-text>
</div> </ds-text>
</ds-flex-item> </ds-placeholder>
</ds-flex> </ds-section>
</div> </div>
<template slot="footer"> <template slot="footer">
<base-button class="cancel" @click="cancel">{{ $t('actions.cancel') }}</base-button> <base-button class="cancel" @click="cancel">{{ $t('actions.cancel') }}</base-button>
<base-button danger filled class="confirm" icon="exclamation-circle" @click="openModal"> <base-button danger filled class="confirm" icon="exclamation-circle" @click="openModal">