727d05915f
* fix: rtl arrows on settings page * fix: border on settings page for RTL languages * fix: RTL fixes for logo, search box and logout icon * fix: RTL layout bugs in conversations * chore: remove rtl setting icon * improve arabic locale * add new entries to arabic locale * chore: include number format * fix: RTL layout on several pages * fix: RTL layout of account header and sign in modal * fix: always display account handle in LTR * fix: move character counter in publish widget to left side for RTL * fix: remove border-ss-none unocss rule * fix: many RTL fixes * fix: RTL fixes for many pages * fix: use viewer's direction in all content * chore: use new arabic plural rules * chore: flip arrow on main content header * chore: fix StatusPoll and show_new_items for zh-TW * chore: StatusPoll tooltip on bottom * chore: add `en` variants to i18n conf * chore: update entry to use new plural rule * fix: automatic content direction for status * fix: direction for account handle * fix: direction of polls Co-authored-by: userquin <userquin@gmail.com> Co-authored-by: Jean-Paul Khawam <jeanpaulkhawam@protonmail.com> Co-authored-by: Daniel Roe <daniel@roe.dev>
38 lines
798 B
Vue
38 lines
798 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
label: string
|
|
value: any
|
|
hover?: boolean
|
|
}>()
|
|
const { modelValue } = defineModel<{
|
|
modelValue: any
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<label
|
|
class="common-radio flex items-center cursor-pointer py-1 text-md w-full gap-y-1"
|
|
:class="hover ? 'hover:bg-active ms--2 ps-4' : null"
|
|
@click.prevent="modelValue = value"
|
|
>
|
|
<span
|
|
:class="modelValue === value ? 'i-ri:radio-button-line' : 'i-ri:checkbox-blank-circle-line'"
|
|
aria-hidden="true"
|
|
/>
|
|
<input
|
|
v-model="modelValue"
|
|
type="radio"
|
|
:value="value"
|
|
sr-only
|
|
>
|
|
<span ms-2 pointer-events-none>{{ label }}</span>
|
|
</label>
|
|
</template>
|
|
|
|
<style>
|
|
.common-radio:focus-within {
|
|
outline: none;
|
|
border-bottom: 1px solid var(--c-text-base);
|
|
}
|
|
</style>
|