mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

chore: layout

Browse Source
This commit is contained in:
Marios Antonoudiou
2024-05-09 16:24:30 +03:00
parent 055e3e3b9b
commit 88e6528ff2
2 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/previous-role.vue
View File

@@ -7,8 +7,6 @@ interface Props {
} }
const props = defineProps<Props>(); const props = defineProps<Props>();
const [visibility, toggle] = useToggle(false);
</script> </script>
<template> <template>
@@ -36,14 +34,11 @@ const [visibility, toggle] = useToggle(false);
<div> <div>
<button <button
class="mb-2 text-xs text-gray-400 uppercase font-semibold flex items-center justify-start gap-1" class="mb-2 text-xs text-gray-400 uppercase font-semibold flex items-center justify-start gap-1"
@click="() => toggle()"
> >
{{ props.role }} {{ props.role }}
<UIcon name="i-heroicons-chevron-down" v-if="!visibility" as="div" />
<UIcon name="i-heroicons-chevron-up" v-if="visibility" as="div" />
</button> </button>
</div> </div>
<div v-if="visibility" class="text-sm text-gray-500"> <div class="text-sm text-gray-500">
<slot /> <slot />
</div> </div>
</div> </div>

2
pages/index.vue
View File

@@ -11,8 +11,8 @@ useSeoMeta({
<template> <template>
<HomeIntroduction v-motion-fade /> <HomeIntroduction v-motion-fade />
<HomeConnect v-motion-fade :delay="500" />
<HomeBeenWorkingWith v-motion-fade :delay="500" /> <HomeBeenWorkingWith v-motion-fade :delay="500" />
<HomePersonalProjects v-motion-fade :delay="500" /> <HomePersonalProjects v-motion-fade :delay="500" />
<HomeConnect v-motion-fade :delay="500" />
<Footer v-motion-fade :delay="500" /> <Footer v-motion-fade :delay="500" />
</template> </template>