zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: notifications settings page (#782)

Browse source
This commit is contained in:
Joaquín Sánchez 2023-01-05 09:47:58 +01:00 • committed by GitHub
parent 0d66038eaa
commit d4e99566b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 519 additions and 362 deletions
Download patch file Download diff file Expand all files Collapse all files

5
components/common/CommonCheckbox.vue
View file

@ -11,11 +11,13 @@ const { modelValue } = defineModel<{
<template>
<label
class="common-checkbox flex items-center cursor-pointer py-1 text-md w-full gap-y-1"
:class="hover ? 'hover:bg-active ms--2 ps-4' : null"
:class="hover ? 'hover:bg-active ms--2 px-4 py-2' : null"
@click.prevent="modelValue = !modelValue"
>
<span flex-1 ms-2 pointer-events-none>{{ label }}</span>
<span
:class="modelValue ? 'i-ri:checkbox-line' : 'i-ri:checkbox-blank-line'"
text-lg
aria-hidden="true"
/>
<input
@ -23,7 +25,6 @@ const { modelValue } = defineModel<{
type="checkbox"
sr-only
>
<span ms-2 pointer-events-none>{{ label }}</span>
</label>
</template>

4
components/common/CommonRadio.vue
View file

@ -12,9 +12,10 @@ const { modelValue } = defineModel<{
<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"
:class="hover ? 'hover:bg-active ms--2 px-4 py-2' : null"
@click.prevent="modelValue = value"
>
<span flex-1 ms-2 pointer-events-none>{{ label }}</span>
<span
:class="modelValue === value ? 'i-ri:radio-button-line' : 'i-ri:checkbox-blank-circle-line'"
aria-hidden="true"
@ -25,7 +26,6 @@ const { modelValue } = defineModel<{
:value="value"
sr-only
>
<span ms-2 pointer-events-none>{{ label }}</span>
</label>
</template>