Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: landnig page, fix styling

Browse Source
This commit is contained in:
zernonia 2023-09-05 14:46:21 +08:00
parent 9e977917eb
commit de367c1b34
4 changed files with 126 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/.vitepress/theme/components/LandingPage.vue
View File

@ -12,7 +12,6 @@ import DashboardExample from '@/examples/dashboard/Example.vue'
</script>
<template>
<div class="container relative">
<PageHeader class="page-header pb-8">
<a
href="/docs/changelog"
@ -71,5 +70,4 @@ import DashboardExample from '@/examples/dashboard/Example.vue'
<DashboardExample />
</div>
</section>
</div>
</template>

4
apps/www/.vitepress/theme/layout/DocsLayout.vue
View File

@ -12,7 +12,8 @@ const { frontmatter } = useData()
</script>
<template>
<div class="flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
<div class="border-b">
<div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
<aside
class="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block overflow-y-auto"
>
@ -94,4 +95,5 @@ const { frontmatter } = useData()
</div>
</main>
</div>
</div>
</template>

16
apps/www/.vitepress/theme/layout/MainLayout.vue
View File

@ -105,7 +105,7 @@ const links = [
</div>
</header>
<div class="container flex-1 bg-background">
<div class="flex-1 bg-background">
<component :is="'docs'" v-if="$route.path.includes('docs')">
<Content />
</component>
@ -115,16 +115,16 @@ const links = [
<component :is="frontmatter.layout" v-else-if="frontmatter.layout">
<slot />
</component>
<main v-else>
<main v-else class="container">
<Content />
</main>
</div>
<footer class="bg-background z-40 border-t border-border text-foreground">
<div class="container h-20 flex items-center justify-between p-4 mx-auto">
<div class="flex justify-center items-center">
<footer class="py-6 md:px-8 md:py-0">
<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
<div class="text-center text-sm leading-loose text-muted-foreground md:text-left">
<span class="text-sm">
Built and designed by {{ " " }}
Built and designed by
<a
href="https://twitter.com/shadcn"
target="_blank"
@ -135,7 +135,7 @@ const links = [
</span>
<span class="text-sm ml-0.5"> . </span>
<span class="text-sm ml-2">
Ported to Vue by {{ " " }}
Ported to Vue by
<a
href="https://twitter.com"
target="_blank"
@ -146,7 +146,7 @@ const links = [
</span>
<span class="text-sm ml-0.5"> . </span>
<span class="text-sm ml-2">
The code source is available on {{ " " }}
The code source is available on
<a
href="https://github.com/radix-vue/shadcn-vue"
target="_blank"

2
apps/www/src/examples/dashboard/components/UserNav.vue
View File

@ -28,7 +28,7 @@ import {
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent class="w-56" align="end" force-mount>
<DropdownMenuLabel class="font-normal">
<DropdownMenuLabel class="font-normal flex">
<div class="flex flex-col space-y-1">
<p class="text-sm font-medium leading-none">
shadcn