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 {
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>
{{ $t(isMute ? 'user_card.expire_mute_message' : 'user_card.expire_block_message', [user.screen_name]) }}
</p>
<p>
<div>
{{ $t('user_card.expire_in') }}
<input
id="userFilterExpires"
v-model="expiration"
class="input input-expire-in"
:class="{ disabled: forever }"
:disabled="forever"
min="1"
type="number"
>
<Select
id="userFilterExpiresUnit"
v-model="expirationUnit"
class="input unit-input unstyled"
:disabled="forever"
>
<option
key="s"
value="s"
<span class="expirationTime">
<input
id="userFilterExpires"
v-model="expiration"
class="input input-expire-in"
:class="{ disabled: forever }"
:disabled="forever"
min="1"
type="number"
>
{{ $t('time.unit.seconds_suffix') }}
</option>
<option
key="m"
value="m"
<Select
id="userFilterExpiresUnit"
v-model="expirationUnit"
class="input unit-input unstyled"
:disabled="forever"
>
{{ $t('time.unit.minutes_suffix') }}
</option>
<option
key="h"
value="h"
>
{{ $t('time.unit.hours_suffix') }}
</option>
<option
key="d"
value="d"
>
{{ $t('time.unit.days_suffix') }}
</option>
</Select>
<option
key="s"
value="s"
>
{{ $t('time.unit.seconds_suffix') }}
</option>
<option
key="m"
value="m"
>
{{ $t('time.unit.minutes_suffix') }}
</option>
<option
key="h"
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') }}
@ -64,7 +66,7 @@
>
{{ $t('user_card.mute_block_never') }}
</Checkbox>
</p>
</div>
<template #footerLeft>
<div class="footer-left-checkbox">