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

run prettier

Browse Source
This commit is contained in:
Marco Crapts
2023-06-02 00:04:18 +02:00
parent c21538c09f
commit 33737167b4
18 changed files with 70 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Auth.vue
View File

@@ -43,5 +43,8 @@ onMounted(() => ui.start('#auth', uiConfig))
</script>
<template>
<div id="auth" v-show="!props.authenticating"></div>
<progress v-show="props.authenticating" class="dui-progress dui-progress-primary w-full"></progress>
<progress
v-show="props.authenticating"
class="dui-progress dui-progress-primary w-full"
></progress>
</template>

6
src/components/Search/SearchResult.vue
View File

@@ -21,8 +21,10 @@ const element = ref<HTMLElement | null>(null)
:disabled="activeNote?.id === result.id"
:active="props.activeResult?.id === result.id"
>
<UIBadge size="sm" variant="ghost" class="mr-0.5" v-if="activeNote?.id === result.id">current</UIBadge>
<span class="truncate flex-grow">{{ result.title }}</span>
<UIBadge size="sm" variant="ghost" class="mr-0.5" v-if="activeNote?.id === result.id">
current
</UIBadge>
<span class="flex-grow truncate">{{ result.title }}</span>
<span class="whitespace-nowrap">{{ formatDate(result.modified) }}</span>
</UIMenuItem>
</template>

2
src/components/SideBar/SideBarMenuItem.vue
View File

@@ -6,7 +6,7 @@ const props = defineProps<{
</script>
<template>
<a
class="max-sm:mt-2 mt-1 block w-full cursor-pointer truncate rounded hover:bg-gray-200 active:bg-primary active:text-primary-content"
class="mt-1 block w-full cursor-pointer truncate rounded hover:bg-gray-200 active:bg-primary active:text-primary-content max-sm:mt-2"
:class="props.active ? 'font-bold text-primary' : 'text-secondary'"
>
<i :class="props.icon" class="mr-2" v-if="props.icon"></i>

20
src/components/Skeleton/SkeletonNote.vue
View File

@@ -5,21 +5,21 @@
<div class="h-[2.25rem] flex-grow rounded bg-secondary"></div>
</div>
<div class="flex flex-grow flex-col gap-2">
<div class="h-[1.25rem] my-1 w-full rounded bg-secondary"></div>
<div class="h-[1.25rem] my-1 w-full rounded bg-secondary"></div>
<div class="h-[1.25rem] my-1 w-5/12 rounded bg-secondary"></div>
<div class="my-1 h-[1.25rem] w-full rounded bg-secondary"></div>
<div class="my-1 h-[1.25rem] w-full rounded bg-secondary"></div>
<div class="my-1 h-[1.25rem] w-5/12 rounded bg-secondary"></div>
<div class="mt-2 h-[2rem] w-full rounded bg-secondary"></div>
<div class="h-[1.25rem] my-1 w-full rounded bg-secondary"></div>
<div class="h-[1.25rem] my-1 w-4/6 rounded bg-secondary"></div>
<div class="ml-8 h-[1.25rem] my-1 w-5/12 rounded bg-secondary"></div>
<div class="ml-8 h-[1.25rem] my-1 w-7/12 rounded bg-secondary"></div>
<div class="ml-8 h-[1.25rem] my-1 w-6/12 rounded bg-secondary"></div>
<div class="h-[1.25rem] my-1 w-full rounded bg-secondary"></div>
<div class="my-1 h-[1.25rem] w-full rounded bg-secondary"></div>
<div class="my-1 h-[1.25rem] w-4/6 rounded bg-secondary"></div>
<div class="my-1 ml-8 h-[1.25rem] w-5/12 rounded bg-secondary"></div>
<div class="my-1 ml-8 h-[1.25rem] w-7/12 rounded bg-secondary"></div>
<div class="my-1 ml-8 h-[1.25rem] w-6/12 rounded bg-secondary"></div>
<div class="my-1 h-[1.25rem] w-full rounded bg-secondary"></div>
</div>
<hr class="my-3" />
<div class="flex gap-2">
<div class="h-[1.25rem] w-2/12 rounded bg-secondary"></div>
<div class="h-[1.25rem] w-4/12 rounded bg-secondary ml-auto"></div>
<div class="ml-auto h-[1.25rem] w-4/12 rounded bg-secondary"></div>
</div>
</div>
</template>

2
src/components/Skeleton/SkeletonSidebarItem.vue
View File

@@ -8,7 +8,7 @@ const props = withDefaults(
</script>
<template>
<div class="flex w-full animate-pulse flex-col">
<div class="h-[1.35rem] w-full rounded bg-secondary mt-1" v-for="i in props.n" :key="i"></div>
<div class="mt-1 h-[1.35rem] w-full rounded bg-secondary" v-for="i in props.n" :key="i"></div>
</div>
</template>
<style scoped>

12
src/components/TopBar.vue
View File

@@ -30,10 +30,7 @@ const handleSignIn = async (close: () => Promise<boolean>) => {
}
</script>
<template>
<div
class="z-[500] flex items-end bg-primary"
:class="searchActive && 'search-active'"
>
<div class="z-[500] flex items-end bg-primary" :class="searchActive && 'search-active'">
<div
class="mx-auto flex w-full max-w-app items-center py-2.5 text-white"
:style="{ height: `${props.height}px` }"
@@ -93,7 +90,12 @@ const handleSignIn = async (close: () => Promise<boolean>) => {
#logo {
@apply cursor-pointer transition-all duration-200 hover:text-primary;
}
#logo:hover {
@media (hover: hover) and (pointer: fine) {
#logo:hover {
text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
}
}
#logo:active {
text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
}
.topbar-button {

7
src/components/TopBar/Settings.vue
View File

@@ -5,12 +5,7 @@ import { OnClickOutside } from '@vueuse/components'
<OnClickOutside>
<UIDropdown class="search-active-hide">
<template #activator>
<UIButton
:dropdown="true"
size="sm"
variant="outline"
class="topbar-button text-white"
>
<UIButton :dropdown="true" size="sm" variant="outline" class="topbar-button text-white">
<i class="fa-fw fa-solid fa-user-gear" />
</UIButton>
</template>

4
src/components/ViewModes/ListView.vue
View File

@@ -30,7 +30,7 @@ const deleteSelectedNotes = (closeModal: () => void) => {
}
</script>
<template>
<div class="flex flex-col gap-2 w-full">
<div class="flex w-full flex-col gap-2">
<div class="flex items-center gap-2">
<div class="flex items-center">
<span class="whitespace-nowrap">
@@ -63,7 +63,7 @@ const deleteSelectedNotes = (closeModal: () => void) => {
<div class="overflow-x-auto">
<UITable size="md" class="w-full">
<thead>
<tr class="text-sm bg-base-200 text-base-content">
<tr class="bg-base-200 text-sm text-base-content">
<th class="w-[48px]"></th>
<th>Note title</th>
<th class="w-[75px]">Words</th>

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

@@ -3,7 +3,7 @@
<slot name="activator" tabindex="0"></slot>
<ul
tabindex="0"
class="dui-dropdown-content dui-menu dui-menu-compact rounded-box mt-1 w-52 bg-base-100 p-2 text-base-content shadow"
class="dui-menu-compact dui-dropdown-content dui-menu rounded-box mt-1 w-52 bg-base-100 p-2 text-base-content shadow"
>
<slot name="items"></slot>
</ul>

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

@@ -18,7 +18,7 @@ const styleClass = computed(() => {
<li :class="styleClass">
<span class="flex items-center" v-if="props.title"><slot></slot></span>
<a
class="w-full rounded-md flex"
class="flex w-full rounded-md"
:class="{ 'dui-disabled': props.disabled, 'dui-active': props.active }"
v-else
>

8
src/components/ui/UIModal.vue
View File

@@ -1,5 +1,6 @@
<script setup lang="ts">
import { onClickOutside } from '@vueuse/core'
import { Haptics, ImpactStyle } from '@capacitor/haptics'
const props = withDefaults(
defineProps<{
@@ -18,7 +19,12 @@ const props = withDefaults(
const show = ref<boolean>(false)
watch(
() => props.open,
() => (show.value = props.open),
() => {
if (show.value) {
Haptics.impact({ style: ImpactStyle.Light })
}
show.value = props.open
},
{ immediate: true }
)

8
src/components/ui/UITable.vue
View File

@@ -8,10 +8,10 @@ const props = withDefaults(defineProps<Props>(), {
const styleClass = computed(() => {
const sizeVariants = {
'xs': 'dui-table-xs',
'sm': 'dui-table-sm',
'md': 'dui-table-md',
'lg': 'dui-table-lg',
xs: 'dui-table-xs',
sm: 'dui-table-sm',
md: 'dui-table-md',
lg: 'dui-table-lg'
}
const sizeClass = sizeVariants[props.size]
return [sizeClass]