Compare commits
4 Commits
bb7d17ade2
...
4112e71fc2
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
4112e71fc2 | ||
| 3304da3d53 | |||
|
|
2985361a8d | ||
|
|
d096e3c5a9 |
@ -1,3 +1,4 @@
|
||||
'use client'
|
||||
import React from 'react';
|
||||
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
|
||||
import {
|
||||
@ -21,8 +22,6 @@ import { Skeleton } from '@/components/ui/skeleton';
|
||||
import { Input } from '@/components/ui/input';
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
|
||||
const CategoryHeading = ({ title }: { title: string }) => (
|
||||
<div className="mb-2 mt-5 text-xs font-thin text-gray-100 ">
|
||||
{title}
|
||||
@ -30,6 +29,8 @@ const CategoryHeading = ({ title }: { title: string }) => (
|
||||
);
|
||||
|
||||
const Sidebar = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className='w-full md:w-[376px] h-full bg-[#181923] flex sticky pr-2 md:pr-4'>
|
||||
<Tabs defaultValue="text" className="h-full w-full flex flex-row gap-1 md:gap-2">
|
||||
@ -115,8 +116,11 @@ const Sidebar = () => {
|
||||
<TabsContent value="elements" className='relative w-full h-full flex flex-col overflow-y-auto no-scrollbar p-2 md:p-4'>
|
||||
<CategoryHeading title="Graphics" />
|
||||
<div className='grid grid-cols-3 w-full flex-wrap gap-3 md:gap-5 justify-between'>
|
||||
<a href="/marketplace/artists">
|
||||
<ActionButtons icon={<Images size="18" color="#ffffff" />} label="Stock Photo" isGhost={false} buttonWidth={65} />
|
||||
<ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65} />
|
||||
</a>
|
||||
<a href="/marketplace/advertisers">
|
||||
<ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65} /> </a>
|
||||
<ActionButtons icon={<Shapes size="18" color="#ffffff" />} label="Shapes" isGhost={false} buttonWidth={65} />
|
||||
<ActionButtons icon={<Gift size="18" color="#ffffff" />} label="Gif" isGhost={false} buttonWidth={65} />
|
||||
<ActionButtons icon={<Sticker size="18" color="#ffffff" />} label="Sticker" isGhost={false} buttonWidth={65} />
|
||||
|
||||
Loading…
Reference in New Issue
Block a user