A simple to-do app focused on tasks that can be completed within a specific time span.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

move custom-variant to be in index.vue

tobinio 1dc6dbb7 c1b7c188

+6 -12
+1 -8
app/components/Nav/HorizontalNav.vue
··· 4 4 const isSettingsSheetOpen = defineModel<boolean>("isSettingsSheetOpen"); 5 5 const isFilterSheetOpen = defineModel<boolean>("isFilterSheetOpen"); 6 6 const isNewSheetOpen = defineModel<boolean>("isNewSheetOpen"); 7 - 8 - const isPwa = useIsPwa(); 9 - const { settings } = useSettings(); 10 7 </script> 11 8 12 9 <template> 13 - <div 14 - class="flex justify-center" 15 - :data-design="settings.design" 16 - :data-pwa="isPwa" 17 - > 10 + <div class="flex justify-center"> 18 11 <div 19 12 class=" 20 13 bg-surface fixed bottom-0 flex h-12 w-dvw justify-between
+1 -3
app/components/Utils/Sheet.vue
··· 22 22 const emit = defineEmits<{ close: [] }>(); 23 23 24 24 const useModal = useMediaQuery("(min-width: 40rem)"); 25 - 26 - const isPwa = useIsPwa(); 27 25 </script> 28 26 29 27 <template> ··· 37 35 <DrawerContent 38 36 class="bg-surface fixed bottom-0 z-30 flex h-106 w-dvw flex-col gap-2 rounded-t-lg drop-shadow-lg" 39 37 > 40 - <div class="h-full" :data-pwa="isPwa"> 38 + <div class="h-full"> 41 39 <VisuallyHidden> 42 40 <DrawerTitle>{{ title }}</DrawerTitle> 43 41 <DrawerDescription>{{ title }}</DrawerDescription>
+4 -1
app/pages/index.vue
··· 36 36 }); 37 37 38 38 const { isMobile } = useDevice(); 39 + 40 + const isPwa = useIsPwa(); 41 + const { settings } = useSettings(); 39 42 </script> 40 43 <template> 41 - <div> 44 + <div :data-design="settings.design" :data-pwa="isPwa"> 42 45 <FilterSheet v-model:is-open="isFilterSheetOpen" /> 43 46 <SettingsSheet v-model:is-open="isSettingsSheetOpen" /> 44 47 <EditTodoSheet />