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

View file

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