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

fix: add TooltipProvider for Dashboard03,05,06,07

Browse Source
This commit is contained in:
DongHY1 2024-05-22 15:00:27 +08:00
parent dce0bd0c30
commit c2c0ff8254
4 changed files with 440 additions and 380 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/www/src/lib/registry/default/block/Dashboard03.vue
View File

@ -14,7 +14,7 @@ import { Input } from '@/lib/registry/default/ui/input'
import { Label } from '@/lib/registry/default/ui/label'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/lib/registry/default/ui/select'
import { Textarea } from '@/lib/registry/default/ui/textarea'
import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/ui/tooltip'
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/lib/registry/default/ui/tooltip'
</script>
<template>
@ -26,6 +26,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
</Button>
</div>
<nav class="grid gap-1 p-2">
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button
@ -41,6 +42,8 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Playground
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button
@ -56,6 +59,8 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Models
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button
@ -71,6 +76,8 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
API
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button
@ -86,6 +93,8 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Documentation
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button
@ -101,8 +110,10 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Settings
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
<nav class="mt-auto grid gap-1 p-2">
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button
@ -118,6 +129,8 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Help
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button
@ -133,6 +146,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Account
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
</aside>
<div class="flex flex-col">
@ -406,6 +420,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
class="min-h-12 resize-none border-0 p-3 shadow-none focus-visible:ring-0"
/>
<div class="flex items-center p-3 pt-0">
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button variant="ghost" size="icon">
@ -417,6 +432,8 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Attach File
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<Button variant="ghost" size="icon">
@ -428,6 +445,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
Use Microphone
</TooltipContent>
</Tooltip>
</TooltipProvider>
<Button type="submit" size="sm" class="ml-auto gap-1.5">
Send Message
<CornerDownLeft class="size-3.5" />

16
apps/www/src/lib/registry/default/block/Dashboard05.vue
View File

@ -63,6 +63,7 @@ import {
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip'
import { Checkbox } from '@/lib/registry/default/ui/checkbox'
@ -79,6 +80,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
<Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
<span class="sr-only">Acme Inc</span>
</a>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -93,6 +95,8 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Dashboard
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -107,6 +111,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Orders
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -121,6 +128,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Products
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -135,6 +145,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Customers
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -149,8 +162,10 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Analytics
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
<nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -165,6 +180,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Settings
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
</aside>
<div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">

13
apps/www/src/lib/registry/default/block/Dashboard06.vue
View File

@ -53,6 +53,7 @@ import {
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip'
</script>
@ -68,6 +69,7 @@ import {
<Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
<span class="sr-only">Acme Inc</span>
</a>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -82,6 +84,8 @@ import {
Dashboard
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -96,6 +100,8 @@ import {
Orders
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -110,6 +116,8 @@ import {
Products
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -124,6 +132,8 @@ import {
Customers
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -138,8 +148,10 @@ import {
Analytics
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
<nav class="mt-auto flex flex-col items-center gap-4 px-2 py-4">
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -154,6 +166,7 @@ import {
Settings
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
</aside>
<div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">

13
apps/www/src/lib/registry/default/block/Dashboard07.vue
View File

@ -56,6 +56,7 @@ import {
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip'
</script>
@ -71,6 +72,7 @@ import {
<Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
<span class="sr-only">Acme Inc</span>
</a>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -85,6 +87,8 @@ import {
Dashboard
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -99,6 +103,8 @@ import {
Orders
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -113,6 +119,8 @@ import {
Products
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -127,6 +135,8 @@ import {
Customers
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -141,8 +151,10 @@ import {
Analytics
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
<nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
<TooltipProvider>
<Tooltip>
<TooltipTrigger as-child>
<a
@ -157,6 +169,7 @@ import {
Settings
</TooltipContent>
</Tooltip>
</TooltipProvider>
</nav>
</aside>
<div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">