Обновлены компоненты вкладок в разделе UIKit: заменен div на TabsList для улучшения структуры и семантики кода. Упрощен код и улучшена адаптивность интерфейса.
This commit is contained in:
@ -25,7 +25,7 @@ export function UIKitSection() {
|
||||
</div>
|
||||
|
||||
<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>
|
||||
@ -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>
|
||||
</div>
|
||||
</TabsList>
|
||||
|
||||
<TabsContent value="buttons" className="space-y-6">
|
||||
<ButtonsDemo />
|
||||
|
Reference in New Issue
Block a user