hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix modal confiirmation styles

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

11
src/components/user_timed_filter_modal/user_timed_filter_modal.scss
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;
}
} }

82
src/components/user_timed_filter_modal/user_timed_filter_modal.vue
View file

@ -11,48 +11,50 @@
<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') }}
<input <span class="expirationTime">
id="userFilterExpires" <input
v-model="expiration" id="userFilterExpires"
class="input input-expire-in" v-model="expiration"
:class="{ disabled: forever }" class="input input-expire-in"
:disabled="forever" :class="{ disabled: forever }"
min="1" :disabled="forever"
type="number" min="1"
> type="number"
<Select
id="userFilterExpiresUnit"
v-model="expirationUnit"
class="input unit-input unstyled"
:disabled="forever"
>
<option
key="s"
value="s"
> >
{{ $t('time.unit.seconds_suffix') }} <Select
</option> id="userFilterExpiresUnit"
<option v-model="expirationUnit"
key="m" class="input unit-input unstyled"
value="m" :disabled="forever"
> >
{{ $t('time.unit.minutes_suffix') }} <option
</option> key="s"
<option value="s"
key="h" >
value="h" {{ $t('time.unit.seconds_suffix') }}
> </option>
{{ $t('time.unit.hours_suffix') }} <option
</option> key="m"
<option value="m"
key="d" >
value="d" {{ $t('time.unit.minutes_suffix') }}
> </option>
{{ $t('time.unit.days_suffix') }} <option
</option> key="h"
</Select> value="h"
>
{{ $t('time.unit.hours_suffix') }}
</option>
<option
key="d"
value="d"
>
{{ $t('time.unit.days_suffix') }}
</option>
</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">