confirm swag

This commit is contained in:
Henry Jameson 2026-06-10 18:41:01 +03:00
commit 210b1f5ee4
2 changed files with 61 additions and 53 deletions

View file

@ -18,7 +18,9 @@
<slot /> <slot />
</div> </div>
</div> </div>
<div class="below">
<slot name="below" />
</div>
<template #footer> <template #footer>
<slot name="footerLeft" /> <slot name="footerLeft" />
<button <button
@ -61,6 +63,10 @@
} }
} }
.below:not(:empty) {
margin-top: 1em;
}
.text { .text {
max-width: 50ch; max-width: 50ch;
} }

View file

@ -11,62 +11,64 @@
<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>
<div> <template #below>
{{ $t('user_card.expire_in') }} <div>
<span class="expirationTime"> {{ $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"
</span> >
{{ $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') }}
<Checkbox <Checkbox
id="forever" id="forever"
v-model="forever" v-model="forever"
name="forever" name="forever"
class="input-forever" class="input-forever"
> >
{{ $t('user_card.mute_block_never') }} {{ $t('user_card.mute_block_never') }}
</Checkbox> </Checkbox>
</div> </div>
</template>
<template #footerLeft> <template #footerLeft>
<div class="footer-left-checkbox"> <div class="footer-left-checkbox">