arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-23 08:20:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix nuxt error and working

Browse Source
This commit is contained in:
Arthur Danjou
2023-08-17 22:26:34 +02:00
parent 12a86766dd
commit a988391944
10 changed files with 306 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Footer.vue
View File

@@ -3,21 +3,23 @@ const year = computed(() => new Date().getFullYear())
</script>
<template>
<footer class="w-container flex justify-between py-4 bg-white dark:bg-zinc-900 border-t border-zinc-100 dark:border-zinc-300/10">
<div class="w-full duration-300 text-center flex flex-col md:flex-row md:justify-between items-center gap-y-2">
<p class="text-subtitle text-sm">
© {{ year }} ArtDanjProduction
</p>
<div class="flex items-center">
<p class="text-subtitle">
Designed & Built by
<footer class="w-full flex justify-center">
<div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-t border-zinc-100 dark:border-zinc-300/10">
<div class="w-full duration-300 text-center flex flex-col md:flex-row md:justify-between items-center gap-y-2">
<p class="text-subtitle text-sm">
© {{ year }} ArtDanjProduction
</p>
<div class="flex items-center">
<p class="text-subtitle">
Designed & Built by
</p>
<UButton variant="link" color="primary" label="Arthur Danjou" to="https://twitter.com/arthurdanj" target="_blank" />
</div>
<p class="text-subtitle flex items-center">
Made with
<UButton variant="link" color="green" label="Nuxt 3" to="https://nuxt.com/" target="_blank" icon="i-vscode-icons-file-type-nuxt" trailing />
</p>
<UButton variant="link" color="primary" label="Arthur Danjou" to="https://twitter.com/arthurdanj" target="_blank" />
</div>
<p class="text-subtitle flex items-center">
Made with
<UButton variant="link" color="green" label="Nuxt 3" to="https://nuxt.com/" target="_blank" icon="i-vscode-icons-file-type-nuxt" trailing />
</p>
</div>
</footer>
</template>

6
src/components/content/UsesSection.vue
View File

@@ -8,15 +8,13 @@ defineProps({
const appConfig = useAppConfig()
function getColor() {
return `text-${appConfig.ui.primary}-500`
}
const getColor = computed(() => `text-${appConfig.ui.primary}-500`)
</script>
<template>
<section class="md:border-l md:border-zinc-100 md:pl-6 md:dark:border-zinc-700/40 mb-24">
<div class="grid max-w-3xl grid-cols-1 items-baseline gap-y-8 md:grid-cols-4">
<h2 class="text-sm font-semibold" :class="getColor()">
<h2 class="text-sm font-semibold" :class="getColor">
{{ title }}
</h2>
<div class="md:col-span-3">

2
src/components/header/ColorPicker.vue
View File

@@ -4,7 +4,7 @@ import { ColorsTheme } from '~~/types'
const colors = Object.values(ColorsTheme)
const { setColor, getColor } = useColorStore()
const { getColor, setColor } = useColorStore()
</script>
<template>

4
src/components/header/Header.vue
View File

@@ -1,6 +1,6 @@
<template>
<header class="z-30 sticky top-0 left-0 w-container bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl py-4 flex justify-between">
<header class="z-30 sticky top-0 left-0 flex justify-center w-full">
<div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<Logo />
<NavBar />
<div class="flex gap-2">