diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2022-05-02 12:21:04 +0300 |
|---|---|---|
| committer | Christoph Wurst <christoph@winzerhof-wurst.at> | 2022-05-02 18:25:55 +0300 |
| commit | 903c4d6b7c3708376a42104b8b478d7feec28d4b (patch) | |
| tree | 60a3c726ad75c77bae3248102f0194c2297da63c /src | |
| parent | 8e75eb56aa44ab681acf66f15cc757ee617552b3 (diff) | |
Make the alignment of composer modal errors to center
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Composer.vue | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/src/components/Composer.vue b/src/components/Composer.vue index adc792d27..2caa1e112 100644 --- a/src/components/Composer.vue +++ b/src/components/Composer.vue @@ -317,7 +317,7 @@ :hint="t('mail', 'Sending …')" role="alert" class="sending-hint" /> - <div v-else-if="state === STATES.ERROR" class="emptycontent" role="alert"> + <EmptyContent v-else-if="state === STATES.ERROR" class="centered-content" role="alert"> <h2>{{ t('mail', 'Error sending your message') }}</h2> <p v-if="errorText"> {{ errorText }} @@ -328,7 +328,7 @@ <button class="button primary" @click="onSend"> {{ t('mail', 'Retry') }} </button> - </div> + </EmptyContent> <div v-else-if="state === STATES.WARNING" class="emptycontent" role="alert"> <h2>{{ t('mail', 'Warning sending your message') }}</h2> <p v-if="errorText"> @@ -1204,10 +1204,6 @@ export default { background-color: transparent; border: none; } -.emptycontent { - margin-top: 250px; - height: 120px; -} .send-action-radio { padding: 5px 0 5px 0; } @@ -1220,6 +1216,9 @@ export default { .send-button .send-icon { padding-right: 5px; } +.centered-content { + margin-top: 0 !important; +} .composer-actions-right { display: flex; align-items: center; |