RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Rhen Cloud
2026-01-02 22:33:05 +08:00
parent 7cb3820687
commit 4fddfcac51
4 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/app.config.ts
View File

@@ -1,6 +1,9 @@
// @keep-sorted // @keep-sorted
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
container: {
base: "w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8",
},
prose: { prose: {
// pre: { // pre: {
// slots: { // slots: {

12
app/components/blog/Header.vue
View File

@@ -19,15 +19,15 @@ withDefaults(defineProps<Props>(), {
</script> </script>
<template> <template>
<header class="py-12"> <header class="py-12 w-full">
<div class="text-center mb-8"> <div class="grid items-center text-center mb-8 w-full px-4">
<div class="flex items-center justify-center gap-3 mb-6"> <div class="flex flex-wrap items-center justify-center gap-3 mb-6">
<div <div
class="flex items-center text-sm font-bold text-violet-600 dark:text-violet-400 bg-violet-500/10 px-3 py-1 rounded-full border border-violet-500/20"> class="flex items-center text-sm font-bold text-violet-600 dark:text-violet-400 bg-violet-500/10 px-3 py-1 rounded-full border border-violet-500/20 shrink-0">
<Icon name="mdi:calendar" class="mr-2 w-4 h-4" /> <Icon name="mdi:calendar" class="mr-2 w-4 h-4" />
{{ date }} {{ date }}
</div> </div>
<div class="flex items-center gap-2 flex-wrap"> <div class="flex items-center justify-center gap-2 flex-wrap">
<template v-for="tag in tags" :key="tag"> <template v-for="tag in tags" :key="tag">
<NuxtLink :to="`/tags/${tag.toLocaleLowerCase()}`"> <NuxtLink :to="`/tags/${tag.toLocaleLowerCase()}`">
<span <span
@@ -49,7 +49,7 @@ withDefaults(defineProps<Props>(), {
</p> </p>
</div> </div>
<div class="relative group max-w-4xl mx-auto mb-12 w-full"> <div class="relative group w-full mb-12 px-4">
<div <div
class="absolute inset-0 bg-linear-to-tr from-violet-500/20 to-fuchsia-500/20 rounded-3xl blur-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div> class="absolute inset-0 bg-linear-to-tr from-violet-500/20 to-fuchsia-500/20 rounded-3xl blur-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div>
<NuxtImg <NuxtImg

4
app/components/main/header.vue
View File

@@ -35,7 +35,7 @@ watch(
<NuxtLink <NuxtLink
to="/" to="/"
class="flex items-center gap-2 h-10 px-4 rounded-full bg-white/80 dark:bg-slate-900/80 border border-zinc-200/50 dark:border-white/10 shadow-sm backdrop-blur-xl transition-transform active:scale-95"> class="flex items-center gap-2 h-10 px-4 rounded-full bg-white/80 dark:bg-slate-900/80 border border-zinc-200/50 dark:border-white/10 shadow-sm backdrop-blur-xl transition-transform active:scale-95">
<Icon name="fa-solid:cat" size="18" class="text-primary flex items-center" /> <!-- <Icon name="fa-solid:cat" size="18" class="text-primary flex items-center" /> -->
<span class="text-base font-bold text-primary">{{ siteConfig.siteMeta.title }}</span> <span class="text-base font-bold text-primary">{{ siteConfig.siteMeta.title }}</span>
</NuxtLink> </NuxtLink>
@@ -74,7 +74,7 @@ watch(
'hover:bg-zinc-100 dark:hover:bg-white/10': !isActive('/'), 'hover:bg-zinc-100 dark:hover:bg-white/10': !isActive('/'),
}"> }">
<NuxtLink to="/" class="flex h-12 duration-200 items-center gap-2 px-4 text-lg"> <NuxtLink to="/" class="flex h-12 duration-200 items-center gap-2 px-4 text-lg">
<Icon name="fa-solid:cat" size="20" class="flex items-center text-primary" /> <!-- <Icon name="fa-solid:cat" size="20" class="flex items-center text-primary" /> -->
<span class="font-bold text-primary">{{ siteConfig.siteMeta.title }}</span> <span class="font-bold text-primary">{{ siteConfig.siteMeta.title }}</span>
</NuxtLink> </NuxtLink>
</div> </div>

4
app/layouts/default.vue
View File

@@ -3,7 +3,8 @@ const route = useRoute();
</script> </script>
<template> <template>
<div class="gd-container font-spacegrotesk relative overflow-x-hidden"> <!-- <UContainer> -->
<div class="font-spacegrotesk relative overflow-x-hidden">
<MainHeader /> <MainHeader />
<main> <main>
<slot /> <slot />
@@ -21,6 +22,7 @@ const route = useRoute();
<!-- <div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.05] mix-blend-overlay"></div> --> <!-- <div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.05] mix-blend-overlay"></div> -->
</div> </div>
</div> </div>
<!-- </UContainer> -->
</template> </template>
<style scoped> <style scoped>