Wodey/wodey-prototype
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Wodey:4112e71fc2818e5a4b88b7f8bb1c5b59c29909f7
Branches Tags
Wodey:main
Wodey:staging
Wodey:hot-fix/asset-update
Wodey:feature/home_page
..
compare: Wodey:bb7d17ade263e43c349c861e5f5de9d73cce16cb
Branches Tags
Wodey:staging
Wodey:hot-fix/asset-update
Wodey:feature/home_page
Wodey:main

No commits in common. "4112e71fc2818e5a4b88b7f8bb1c5b59c29909f7" and "bb7d17ade263e43c349c861e5f5de9d73cce16cb" have entirely different histories.
4112e71fc2 ... bb7d17ade2

1 changed files with 3 additions and 7 deletions
Show Stats Expand all files Collapse all files

10
components/common/SideBar.tsx
View File

@ -1,4 +1,3 @@
'use client'
import React from 'react';
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import {
@ -22,6 +21,8 @@ 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}
@ -29,8 +30,6 @@ 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">
@ -116,11 +115,8 @@ 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} />
</a>
<a href="/marketplace/advertisers">
<ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65} /> </a>
<ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65} />
<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} />