pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

feat(list): add link to github repo

Browse source
This commit is contained in:
Kim, Jimin 2025-03-23 08:33:18 +09:00
parent e87be431c5
commit 19d87a1ee0
Signed by: pomp
GPG key ID: D3932F82A0667A3B
2 changed files with 21 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

12
apps/list/components/Header.vue
View file

@ -9,6 +9,7 @@ const props = defineProps<{
<div class="slant-shadow"> <div class="slant-shadow">
<div class="slant mb-12 bg-light-card-bg dark:bg-dark-card-bg"> <div class="slant mb-12 bg-light-card-bg dark:bg-dark-card-bg">
<div class="flex justify-between p-2 pb-0"> <div class="flex justify-between p-2 pb-0">
<div>
<NuxtLink <NuxtLink
v-if="route.path !== '/'" v-if="route.path !== '/'"
href="/" href="/"
@ -16,9 +17,18 @@ const props = defineProps<{
> >
<Icon name="material-symbols:home-rounded" size="32" /> <Icon name="material-symbols:home-rounded" size="32" />
</NuxtLink> </NuxtLink>
<div v-else></div> </div>
<div class="flex items-center gap-6">
<a
class="flex items-center justify-center p-2 text-gray-600 hover:text-light-text-high-contrast dark:text-dark-header-text dark:hover:text-dark-text-high-contrast"
href="https://github.com/pompydev/pompy.dev/tree/master/apps/list"
target="_blank"
>
<Icon name="fa6-brands:github" size="24" />
</a>
<ThemeController class="h-12" /> <ThemeController class="h-12" />
</div> </div>
</div>
<h1 <h1
class="mb-12 text-center text-4xl leading-[3rem] text-slate-800 dark:text-slate-200" class="mb-12 text-center text-4xl leading-[3rem] text-slate-800 dark:text-slate-200"

12
apps/list/components/ThemeController.vue
View file

@ -4,16 +4,8 @@ const colorMode = useColorMode()
<template> <template>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<Icon <Icon class="block dark:hidden" name="akar-icons:sun-fill" size="24" />
class="block dark:hidden" <Icon class="hidden dark:block" name="akar-icons:moon-fill" size="24" />
name="material-symbols:sunny-outline-rounded"
size="24"
/>
<Icon
class="hidden dark:block"
name="material-symbols:moon-stars-outline"
size="24"
/>
<select <select
v-model="colorMode.preference" v-model="colorMode.preference"