marco/contexted-v3
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 1 Releases Wiki Activity

small ui fixes

Browse Source
This commit is contained in:
Marco Crapts
2023-06-06 22:27:00 +02:00
parent a617758459
commit 2c830c61ea
3 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/TopBar/Settings/AccountSettings.vue
View File

@@ -108,7 +108,7 @@ const toggleEncryption = async () => {
<div class="items-top w-full flex-row sm:flex"> <div class="items-top w-full flex-row sm:flex">
<div class="font-bold sm:w-4/12">Export notes</div> <div class="font-bold sm:w-4/12">Export notes</div>
<UIButton size="sm" @click="exportNotes"> <UIButton size="sm" @click="exportNotes">
<i class="fa-fw fa-solid fa-file-export"></i> <i class="fa-fw fa-solid fa-file-export mr-2"></i>
Export notes Export notes
</UIButton> </UIButton>
</div> </div>
@@ -116,7 +116,7 @@ const toggleEncryption = async () => {
<div class="flex-shrink-0 font-bold sm:w-4/12">Delete account</div> <div class="flex-shrink-0 font-bold sm:w-4/12">Delete account</div>
<div> <div>
<UIButton size="sm" color="error" @click="showDeleteAccountDialog = true"> <UIButton size="sm" color="error" @click="showDeleteAccountDialog = true">
<i class="fa-fw fa-solid fa-trash"></i> <i class="fa-fw fa-solid fa-trash mr-2"></i>
Delete account Delete account
</UIButton> </UIButton>
<UIAlert <UIAlert
@@ -159,7 +159,7 @@ const toggleEncryption = async () => {
@click="showEncryptionDialog = true" @click="showEncryptionDialog = true"
v-if="showEncryptionDialog === false" v-if="showEncryptionDialog === false"
> >
<i class="fa-fw fa-solid fa-key"></i> <i class="fa-fw fa-solid fa-key mr-2"></i>
Disable end-to-end encryption Disable end-to-end encryption
</UIButton> </UIButton>
</template> </template>

7
src/components/ui/UIButton.vue
View File

@@ -51,7 +51,12 @@ const styleClass = computed(() => {
> >
<slot></slot> <slot></slot>
</label> </label>
<button type="button" class="dui-btn h-auto px-3 py-2 duration-0" :class="styleClass" v-else> <button
type="button"
class="dui-btn inline-block h-auto max-w-full truncate px-3 py-2 duration-0"
:class="styleClass"
v-else
>
<slot></slot> <slot></slot>
</button> </button>
</template> </template>

2
src/components/ui/UIInputCheckbox.vue
View File

@@ -28,7 +28,7 @@ const styleClass = computed(() => {
type="checkbox" type="checkbox"
class="dui-checkbox dui-checkbox-sm border-secondary" class="dui-checkbox dui-checkbox-sm border-secondary"
:class="styleClass" :class="styleClass"
:checked="props.modelValue" :checked="props.modelValue || props.checked"
@change="emit('update:modelValue', ($event.target as HTMLInputElement).checked)" @change="emit('update:modelValue', ($event.target as HTMLInputElement).checked)"
:disabled="props.disabled" :disabled="props.disabled"
/> />