confirm swag
This commit is contained in:
parent
041fcc94ed
commit
210b1f5ee4
2 changed files with 61 additions and 53 deletions
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue