feat: landnig page, fix styling

apps/www/.vitepress/theme/components/LandingPage.vue

@@ -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>

apps/www/.vitepress/theme/layout/DocsLayout.vue

@@ -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>

apps/www/.vitepress/theme/layout/MainLayout.vue

@@ -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">
+    <footer class="py-6 md:px-8 md:py-0">
-      <div class="container h-20 flex items-center justify-between p-4 mx-auto">
+      <div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
-        <div class="flex justify-center items-center">
+        <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"

apps/www/src/examples/dashboard/components/UserNav.vue

@@ -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