fix modal confiirmation styles
This commit is contained in:
parent
d19877ed8e
commit
300289af60
2 changed files with 53 additions and 40 deletions
|
|
@ -10,4 +10,15 @@
|
||||||
.footer-left-checkbox {
|
.footer-left-checkbox {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.expirationTime {
|
||||||
|
display: inline-flex;
|
||||||
|
white-space: nowrap;
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-modal-content .checkbox {
|
||||||
|
vertical-align: middle;
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,9 @@
|
||||||
<p>
|
<p>
|
||||||
{{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
|
{{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<div>
|
||||||
{{ $t('user_card.expire_in') }}
|
{{ $t('user_card.expire_in') }}
|
||||||
|
<span class="expirationTime">
|
||||||
<input
|
<input
|
||||||
id="userFilterExpires"
|
id="userFilterExpires"
|
||||||
v-model="expiration"
|
v-model="expiration"
|
||||||
|
|
@ -53,6 +54,7 @@
|
||||||
{{ $t('time.unit.days_suffix') }}
|
{{ $t('time.unit.days_suffix') }}
|
||||||
</option>
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
|
</span>
|
||||||
|
|
||||||
{{ $t('user_card.mute_or') }}
|
{{ $t('user_card.mute_or') }}
|
||||||
|
|
||||||
|
|
@ -64,7 +66,7 @@
|
||||||
>
|
>
|
||||||
{{ $t('user_card.mute_block_never') }}
|
{{ $t('user_card.mute_block_never') }}
|
||||||
</Checkbox>
|
</Checkbox>
|
||||||
</p>
|
</div>
|
||||||
|
|
||||||
<template #footerLeft>
|
<template #footerLeft>
|
||||||
<div class="footer-left-checkbox">
|
<div class="footer-left-checkbox">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue