feat: replace button with Button component for consistency in Frame
This commit is contained in:
parent
82856a6779
commit
1c2a2642aa
@ -3,6 +3,7 @@
|
||||
import Image from 'next/image';
|
||||
import { CopyPlus, Trash2, Plus, X } from 'lucide-react';
|
||||
import { useState } from 'react';
|
||||
import { Button } from '@/components/ui/button';
|
||||
|
||||
interface Card {
|
||||
id: number;
|
||||
@ -77,14 +78,15 @@ export default function Frame() {
|
||||
|
||||
|
||||
<div className="w-[450px] flex justify-center">
|
||||
<button
|
||||
<Button
|
||||
onClick={handleAddCard}
|
||||
className="flex justify-center items-center gap-2 py-2 border-2 rounded-xs text-[#1A237E] font-medium bg-white hover:bg-blue-50 transition-colors shadow-sm"
|
||||
style={{ borderColor: '#D9D7D7', width: 410 }}
|
||||
variant="outline"
|
||||
className="flex justify-center items-center gap-2 py-2 text-[#1A237E] font-medium bg-white hover:bg-blue-50 transition-colors shadow-sm"
|
||||
style={{ width: 410 }}
|
||||
>
|
||||
<Plus size={20} className="text-[#1A237E]" />
|
||||
<span className="text-center text-[16px] font-[400]">Add new page</span>
|
||||
</button>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user