IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling

Browse Source
This commit is contained in:
Matt Rider 2019-06-10 14:53:10 -03:00
parent 507890a7aa
commit ccce29512e
1 changed files with 28 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
webapp/components/DeleteAccount/DeleteAccount.vue
View File

@ -20,21 +20,22 @@
<ds-container>
<transition name="slide-up">
<div v-if="deleteEnabled">
<div
class="delete-input-label"
v-html="
$t('settings.deleteUserAccount.pleaseConfirm', {
confirm: $t('settings.deleteUserAccount.contributionsCount', {
count: currentUser.contributionsCount,
}),
})
"
></div>
<ds-space margin-bottom="xx-small" />
<ds-flex :gutter="{ base: 'xx-small', md: 'small', lg: 'large' }">
<ds-flex-item
v-if="currentUser.contributionsCount"
:width="{ base: '100%', sm: '100%', md: '100%', lg: '100%' }"
>
<div
class="delete-input-label"
v-html="
$t('settings.deleteUserAccount.pleaseConfirm', {
confirm: $t('settings.deleteUserAccount.contributionsCount', {
count: currentUser.contributionsCount,
}),
})
"
></div>
<ds-input
v-model="deleteContributionsValue"
@input="enableDeletion"
@ -42,22 +43,23 @@
/>
</ds-flex-item>
</ds-flex>
<ds-space margin-top="xx-small" />
<ds-space margin-bottom="xx-small" />
<div
class="delete-input-label"
v-html="
$t('settings.deleteUserAccount.pleaseConfirm', {
confirm: $t('settings.deleteUserAccount.commentsCount', {
count: currentUser.commentsCount,
}),
})
"
></div>
<ds-space margin-bottom="xx-small" />
<ds-flex :gutter="{ base: 'xx-small', md: 'small', lg: 'large' }">
<ds-flex-item
v-if="currentUser.commentsCount"
:width="{ base: '100%', sm: '100%', md: '100%', lg: '100%' }"
>
<div
class="delete-input-label"
v-html="
$t('settings.deleteUserAccount.pleaseConfirm', {
confirm: $t('settings.deleteUserAccount.commentsCount', {
count: currentUser.commentsCount,
}),
})
"
></div>
<ds-input
v-model="deleteCommentsValue"
@input="enableDeletion"
@ -75,14 +77,13 @@
</ds-container>
<template slot="footer">
<ds-container>
<div
class="delete-input-label"
v-html="$t('settings.deleteUserAccount.pleaseConfirm', { confirm: currentUser.name })"
></div>
<ds-space margin-bottom="xx-small" />
<ds-flex :gutter="{ base: 'xx-small', md: 'small', lg: 'large' }">
<ds-flex-item :width="{ base: '100%', sm: '100%', md: '100%', lg: 1.75 }">
<div
class="delete-input-label"
v-html="
$t('settings.deleteUserAccount.pleaseConfirm', { confirm: currentUser.name })
"
></div>
<ds-input
v-model="enableDeletionValue"
@input="enableDeletion"
@ -195,10 +196,6 @@ export default {
border-color: $border-color-danger;
}
.ds-button-danger {
margin-top: 1.55rem;
}
.delete-input-label {
font-size: $font-size-base;
}