fix modal confiirmation styles

This commit is contained in:
Henry Jameson 2026-05-18 17:16:45 +03:00
commit 300289af60
2 changed files with 53 additions and 40 deletions

View file

@ -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;
}
} }

View file

@ -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">