Sfera/sfera
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Обновлены компоненты вкладок в разделе UIKit: заменен div на TabsList для улучшения структуры и семантики кода. Упрощен код и улучшена адаптивность интерфейса.

Browse Source
This commit is contained in:
Bivekich
2025-07-19 15:43:11 +03:00
parent 47be3b38bb
commit f112148a74
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/admin/ui-kit-section.tsx
View File

@ -25,7 +25,7 @@ export function UIKitSection() {
</div> </div>
<Tabs defaultValue="buttons" className="w-full"> <Tabs defaultValue="buttons" className="w-full">
<div className="flex flex-wrap gap-1 bg-white/5 backdrop-blur border-white/10 p-2 rounded-lg mb-8"> <TabsList className="flex flex-wrap gap-1 bg-white/5 backdrop-blur border-white/10 p-2 rounded-lg mb-8 h-auto">
<TabsTrigger value="buttons" className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 text-xs px-3 py-2"> <TabsTrigger value="buttons" className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 text-xs px-3 py-2">
Кнопки Кнопки
</TabsTrigger> </TabsTrigger>
@ -65,7 +65,7 @@ export function UIKitSection() {
<TabsTrigger value="interactive" className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 text-xs px-3 py-2"> <TabsTrigger value="interactive" className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 text-xs px-3 py-2">
Интерактив Интерактив
</TabsTrigger> </TabsTrigger>
</div> </TabsList>
<TabsContent value="buttons" className="space-y-6"> <TabsContent value="buttons" className="space-y-6">
<ButtonsDemo /> <ButtonsDemo />