Skip to content

Commit

Permalink
ui: update
Browse files Browse the repository at this point in the history
  • Loading branch information
zyyv committed Sep 27, 2024
1 parent f021c8c commit 532e8bd
Show file tree
Hide file tree
Showing 6 changed files with 23 additions and 17 deletions.
1 change: 1 addition & 0 deletions components/PageHeader.vue
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ defineProps<{
<template>
<h2
text-2xl
fw-bold
md-text-3xl
mb4
mt-0
Expand Down
4 changes: 2 additions & 2 deletions components/PersonInfo.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ const { data: user } = await useFetch('/api/user')
<section>
<p>
I'm <strong text-primary>{{ user?.name }}</strong>,
<code text-p-r font-dank v-text="`<Front-End Developer />`" />
<code text-p-r italic font-dank v-text="`<Front-End Developer />`" />
<span text-p-r animate-count-infinite animate-duration-2000 animate-flash> | </span>
🧑🏻‍💻 &
<code text-sm rd-sm font-dank b="~ dashed orange/60" p-1 text-p-r>Open Source Enthusiast</code>
<code italic text-sm rd-sm font-dank b="~ dashed orange/60" p-1 text-p-r>Open Source Enthusiast</code>
</p>
<p italic font-dank mt-2>
「 {{ user?.bio }} 」
Expand Down
9 changes: 6 additions & 3 deletions components/repo/RepoCard.vue
Original file line number Diff line number Diff line change
Expand Up @@ -23,10 +23,13 @@ defineProps<{
<i i-ri:git-repository-line />
<span>{{ repo.name }}</span>
<span
fw-normal
inline-block
important-rounded-full
:class="repo.is_template ? 'bg-yellow bg-blue' : 'dark-bg-teal bg-red'"
rounded-full
text-xs p="x1 y0.25"
:class="repo.is_template
? 'dark:bg-yellow/20 dark:text-yellow/80 bg-blue/20 text-blue/80'
: 'dark:bg-purple/20 dark:text-purple/80 bg-red/20 text-red/80'
"
>
{{ repo.private ? 'Private' : 'Public' }}
{{ repo.is_template ? 'Template' : '' }}
Expand Down
20 changes: 11 additions & 9 deletions pages/projects.vue
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
<script lang='ts' setup>
import { useTitle } from '@vueuse/core'
const { data: repoGroup } = await useFetch('/api/repos')
useTitle('Projects | Chris')
useHead({
title: 'Projects | Chris',
Expand All @@ -19,18 +17,22 @@ useHead({
},
],
})
const { data } = await useFetch('/api/repos')
</script>

<template>
<div ma max-w-65ch>
<PageHeader title="Projects" description="List of projects that I am proud of." />
<template v-for="(repos, key) in repoGroup" :key="key">
<h4>
{{ key }}
</h4>
<div grid="~ cols-1 md:cols-2 gap-4">
<RepoCard v-for="repo in repos" :key="repo.id" :repo="repo" />
<div mt-8 space-y-8>
<div v-for="(repos, key) in data" :key="key">
<h4 mb-2>
{{ key }}
</h4>
<div grid="~ cols-1 md:cols-2 gap-4">
<RepoCard v-for="repo in repos" :key="repo.id" :repo="repo" />
</div>
</div>
</template>
</div>
</div>
</template>
4 changes: 2 additions & 2 deletions styles/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@ body,
}

body {
--uno: text text-op-64 bg font-dm;
--uno: text text-op-64 bg;
}

body::-webkit-scrollbar {
--uno: w0;
}

#__nuxt{
--uno: min-h-screen flex flex-col;
--uno: min-h-screen flex flex-col font-dm;
}

::selection {
Expand Down
2 changes: 1 addition & 1 deletion uno.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@ export default defineConfig({
typography: { cssExtend: typographyCssExtend },
webFonts: {
fonts: {
dm: ['DM Sans', 'DM Sans:400,700'],
dm: ['DM Sans:400,700'],
},
},
compileClass: true,
Expand Down

0 comments on commit 532e8bd

Please sign in to comment.