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

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

@ -63,6 +63,7 @@ import {
import { import {
Tooltip, Tooltip,
TooltipContent, TooltipContent,
TooltipProvider,
TooltipTrigger, TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip' } from '@/lib/registry/default/ui/tooltip'
import { Checkbox } from '@/lib/registry/default/ui/checkbox' 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" /> <Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
<span class="sr-only">Acme Inc</span> <span class="sr-only">Acme Inc</span>
</a> </a>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -93,6 +95,8 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Dashboard Dashboard
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -107,6 +111,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Orders Orders
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -121,6 +128,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Products Products
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -135,6 +145,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Customers Customers
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -149,8 +162,10 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Analytics Analytics
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
</nav> </nav>
<nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5"> <nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -165,6 +180,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
Settings Settings
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
</nav> </nav>
</aside> </aside>
<div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14"> <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 { import {
Tooltip, Tooltip,
TooltipContent, TooltipContent,
TooltipProvider,
TooltipTrigger, TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip' } from '@/lib/registry/default/ui/tooltip'
</script> </script>
@ -68,6 +69,7 @@ import {
<Package2 class="h-4 w-4 transition-all group-hover:scale-110" /> <Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
<span class="sr-only">Acme Inc</span> <span class="sr-only">Acme Inc</span>
</a> </a>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -82,6 +84,8 @@ import {
Dashboard Dashboard
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -96,6 +100,8 @@ import {
Orders Orders
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -110,6 +116,8 @@ import {
Products Products
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -124,6 +132,8 @@ import {
Customers Customers
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -138,8 +148,10 @@ import {
Analytics Analytics
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
</nav> </nav>
<nav class="mt-auto flex flex-col items-center gap-4 px-2 py-4"> <nav class="mt-auto flex flex-col items-center gap-4 px-2 py-4">
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -154,6 +166,7 @@ import {
Settings Settings
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
</nav> </nav>
</aside> </aside>
<div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14"> <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 { import {
Tooltip, Tooltip,
TooltipContent, TooltipContent,
TooltipProvider,
TooltipTrigger, TooltipTrigger,
} from '@/lib/registry/default/ui/tooltip' } from '@/lib/registry/default/ui/tooltip'
</script> </script>
@ -71,6 +72,7 @@ import {
<Package2 class="h-4 w-4 transition-all group-hover:scale-110" /> <Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
<span class="sr-only">Acme Inc</span> <span class="sr-only">Acme Inc</span>
</a> </a>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -85,6 +87,8 @@ import {
Dashboard Dashboard
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -99,6 +103,8 @@ import {
Orders Orders
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -113,6 +119,8 @@ import {
Products Products
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -127,6 +135,8 @@ import {
Customers Customers
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -141,8 +151,10 @@ import {
Analytics Analytics
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
</nav> </nav>
<nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5"> <nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
<TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger as-child> <TooltipTrigger as-child>
<a <a
@ -157,6 +169,7 @@ import {
Settings Settings
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider>
</nav> </nav>
</aside> </aside>
<div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14"> <div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">