Skip to content

Commit 79602b0

Browse files
manchumaharamanchumahara
committed
adjustments
1 parent d85da46 commit 79602b0

File tree

7 files changed

+120
-20
lines changed

7 files changed

+120
-20
lines changed

‎components/content/Card.vue‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -37,14 +37,7 @@
3737
</UiCard>
3838
</UseTemplate>
3939

40-
<!-- <div class="group-has-[div]:!mt-0 [&:not(:first-child)]:mt-5">
41-
<NuxtLinkLocale v-if="to" :to :target>
42-
<CardInner />
43-
</NuxtLinkLocale>
44-
<CardInner v-else />
45-
</div> -->
46-
47-
<div>
40+
<div class="group-has-[div]:!mt-0 [&:not(:first-child)]:mt-5">
4841
<NuxtLinkLocale v-if="to" :to :target>
4942
<CardInner />
5043
</NuxtLinkLocale>

‎components/content/FeaturesSection.vue‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
<Card
66
v-for="(feature, index) in validFeatures"
77
:key="index"
8-
class="customclass group flex flex-col items-center text-center p-6 transition-all duration-300 hover:shadow-lg border-2 hover:border-primary/20"
8+
class="classnotinuse group flex flex-col items-center text-center p-6 transition-all duration-300 hover:shadow-lg border-2 hover:border-primary/20"
99
>
10-
<CardContent class="p-0 flex flex-col items-center">
10+
<CardContentCustom class="p-0 flex flex-col items-center">
1111
<div class="mb-6 flex h-20 w-20 items-center justify-center rounded-2xl bg-primary/10 p-3 group-hover:bg-primary/20 transition-colors">
1212
<template v-if="feature?.icon">
1313
<img
@@ -41,14 +41,16 @@
4141
Learn more
4242
<Icon name="lucide:arrow-right" class="ml-1 h-4 w-4 transition-transform group-hover/link:translate-x-1" />
4343
</NuxtLink>
44-
</CardContent>
44+
</CardContentCustom>
4545
</Card>
4646
</div>
4747
</div>
4848
</section>
4949
</template>
5050

5151
<script setup>
52+
import CardContentCustom from "~/components/ui/card/CardContentCustom.vue";
53+
5254
const props = defineProps({
5355
features: {
5456
type: Array,

‎components/content/HeroAltCustom.vue‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
<template>
2+
<div
3+
class="gap-8 px-4 py-8 md:py-12 md:pb-8 lg:py-12 lg:pb-10"
4+
:class="{ 'grid md:grid-cols-2': true }"
5+
>
6+
<!-- Left Column - Content -->
7+
<section class="flex flex-col items-start gap-2">
8+
<NuxtLinkLocale
9+
v-if="announcement"
10+
:to="announcement.to"
11+
:target="announcement.target"
12+
class="inline-flex items-center px-0.5 text-sm font-medium"
13+
>
14+
<template v-if="announcement.icon">
15+
<SmartIcon :name="announcement.icon" :size="16" />
16+
<UiSeparator class="mx-2 h-4" orientation="vertical" />
17+
</template>
18+
<span class="underline-offset-4 hover:underline">{{ announcement.title }}</span>
19+
<Icon name="lucide:arrow-right" class="ml-1 size-4" />
20+
</NuxtLinkLocale>
21+
22+
<h1 class="text-3xl font-bold leading-tight tracking-tighter md:text-4xl lg:leading-[1.1]">
23+
<ContentSlot :use="$slots.title" unwrap="p" />
24+
</h1>
25+
<h2>Documentation for Comfort ERP plugins</h2>
26+
<p class="text-foreground max-w-2xl text-lg font-light">
27+
<ContentSlot :use="$slots.subtitle" unwrap="p" />
28+
</p>
29+
30+
<div class="flex w-full items-center justify-start gap-2 py-2">
31+
<NuxtLinkLocale
32+
v-for="(action, i) in actions"
33+
:key="i"
34+
:to="action.to"
35+
:target="action.target"
36+
>
37+
<UiButton :variant="action.variant" size="sm">
38+
<SmartIcon v-if="action.leftIcon" :name="action.leftIcon" class="mr-1" />
39+
{{ action.name }}
40+
<SmartIcon v-if="action.rightIcon" :name="action.rightIcon" class="ml-1" />
41+
</UiButton>
42+
</NuxtLinkLocale>
43+
</div>
44+
</section>
45+
46+
<!-- Right Column - Logo -->
47+
<div class="flex items-center justify-center order-first md:order-last">
48+
<div class="flex flex-col items-center gap-4">
49+
<div class="flex items-center justify-center rounded-2xl bg-muted/20">
50+
<img
51+
:src="logo?.light"
52+
:alt="logo?.alt"
53+
class="h-80 w-80 object-contain dark:hidden"
54+
/>
55+
<img
56+
:src="logo?.dark || logo?.light"
57+
:alt="logo?.alt"
58+
class="hidden h-80 w-80 object-contain dark:block"
59+
/>
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
</template>
65+
66+
<script setup lang="ts">
67+
defineProps<{
68+
announcement?: {
69+
to?: string;
70+
target?: Target;
71+
icon?: string;
72+
title: string;
73+
};
74+
actions?: [{
75+
name: string;
76+
leftIcon?: string;
77+
rightIcon?: string;
78+
variant?: 'default' | 'link' | 'destructive' | 'outline' | 'secondary' | 'ghost';
79+
to: string;
80+
target?: Target;
81+
}];
82+
logo?: {
83+
light?: string;
84+
dark?: string;
85+
alt?: string;
86+
};
87+
mobileRight?: 'top' | 'bottom';
88+
}>();
89+
defineSlots();
90+
</script>

‎components/ui/card/CardContentCustom.vue‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<template>
2+
<div :class="cn('p-6', props.class)">
3+
<slot />
4+
</div>
5+
</template>
6+
7+
<script setup lang="ts">
8+
import type { HTMLAttributes } from 'vue';
9+
import { cn } from '@/lib/utils';
10+
11+
const props = defineProps<{
12+
class?: HTMLAttributes['class'];
13+
}>();
14+
</script>

‎nuxt.config.ts‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,13 @@ const currentDir = dirname(fileURLToPath(import.meta.url));
88

99
export default defineNuxtConfig({
1010
nitro: {
11-
preset: 'github-pages',
12-
//preset: 'static',
11+
//preset: 'github-pages',
12+
preset: process.env.PRESET,
1313
},
1414
app: {
1515
//baseURL: '/comforterpdocsnuxt/'
16-
baseURL: process.env.BASE_URL || '/comforterpdocsnuxt/',
16+
//baseURL: process.env.BASE_URL || '/comforterpdocsnuxt/',
17+
baseURL: process.env.BASE_URL,
1718
},
1819
ssr: true,
1920
devtools: {enabled: true},
@@ -53,9 +54,9 @@ export default defineNuxtConfig({
5354
},
5455
css: [
5556
join(currentDir, './assets/css/themes.css'),
56-
join(currentDir, './assets/css/custom.css'),
5757
//'~/assets/css/tailwind.css',
5858
join(currentDir, './www/assets/css/tailwind.css'),
59+
join(currentDir, './assets/css/custom.css'),
5960
],
6061
content: {
6162
documentDriven: true,

‎package.json‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,14 @@
33
"type": "module",
44
"version": "1.1.2",
55
"packageManager": "[email protected]",
6-
"description": "Effortless and beautiful docs template built with Nuxt Content & shadcn-vue.",
7-
"author": "Tony Zhang <zhangtianli2006@gmail.com>",
6+
"description": "Comfort ERP Documentation",
7+
"author": "Comfort ERP Team <info@comforterp.com>",
88
"license": "MIT",
9-
"homepage": "https://shadcn-docs-nuxt.vercel.app/",
9+
"homepage": "https://docs.comforterp.com/",
1010
"repository": {
1111
"type": "git",
1212
"url": "git+https://github.com/ZTL-UwU/shadcn-docs-nuxt.git"
1313
},
14-
"bugs": "https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues",
1514
"keywords": [
1615
"markdown",
1716
"docs",

‎www/content/index.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ fbAppId: "1249182889483061"
2020
keywords: "Comfort ERP Documentation, Comfort Accounting Documentation, Comfort Inventory & Invoice Documentation, WordPress ERP, ERP solution"
2121
---
2222

23-
::hero-alt
23+
::hero-alt-custom
2424
---
2525
actions:
2626
- name: Get Started
@@ -53,6 +53,7 @@ features:
5353
title: Comfort Accounting
5454
details: Comprehensive Accounting solution for WordPress
5555
link: /comfortaccounting
56+
to: /comfortaccounting
5657
- icon:
5758
light: /comfortinvoice_logo_black.png
5859
dark: /comfortinvoice_logo_white.png

0 commit comments

Comments
 (0)