Skip to content

Commit

Permalink
Co-authored-by: Ahmed Hamdy <AhmedHHamdy@users.noreply.github.com>
Browse files Browse the repository at this point in the history
  • Loading branch information
Kirk-Esterline committed Nov 10, 2023
2 parents 440ba6f + 1be998e commit 3bdbeb1
Show file tree
Hide file tree
Showing 9 changed files with 109 additions and 89 deletions.
4 changes: 2 additions & 2 deletions client/app/home/page.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ const Home = () => {

return (
<>
<div className="px-8 pb-4">
<div className="pb-4">
<ActionMenu
sortClients={sortClients}
filterClients={filterClients}
Expand All @@ -49,7 +49,7 @@ const Home = () => {
/>
</div>

<div className="flex flex-wrap gap-x-[2%] gap-y-4 justify-center">
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-x-[2%] gap-y-4 justify-center">
{clients === null && <Spinner />}
{clients && clients.length > 0
&& clients.map((client, index) => {
Expand Down
2 changes: 1 addition & 1 deletion client/components/client/ClienCardDropdown.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { EllipsisHorizontalIcon } from "@heroicons/react/24/outline";

function ClienCardDropdown() {
return (
<div className="dropdown dropdown-right text-secondary">
<div className="dropdown text-secondary">
<label tabIndex={0} className="">
<EllipsisHorizontalIcon className="h-8 w-8 cursor-pointer stroke-1 text-accent hover:stroke-2" />
</label>
Expand Down
31 changes: 21 additions & 10 deletions client/components/client/ClientCard.jsx
Original file line number Diff line number Diff line change
@@ -1,33 +1,44 @@
import React, { useState } from "react";
import ClienCardDropdown from "@/components/client/ClienCardDropdown";
"use client"

import { useState, useEffect } from "react"
import ClienCardDropdown from "@/components/client/ClienCardDropdown"

import {
PhoneIcon,
EnvelopeIcon,
MapPinIcon,
} from "@heroicons/react/24/outline";
} from "@heroicons/react/24/outline"

const ClientCard = ({ client }) => {
const [mounted, setMounted] = useState(false)

useEffect(() => {
const clientEmailContainer = document.querySelector(`.clientEmail${client._id}`)
const clientEmail = client.email.split('@')
clientEmailContainer.innerHTML = `${clientEmail[0]}<wbr>@${clientEmail[1]}`
}, [mounted])

return (
<section className="client-card">
<div>
<div className="relative flex justify-between">
<h3 className="">{client.businessName}</h3>
<h3>{client.businessName}</h3>
<ClienCardDropdown />
</div>
<hr />
<span className="text-sm italic">{client.businessType}</span>
<div className="client-contact">
<div className="contact-info-group">
<PhoneIcon className="contact-icon me-4" />
<p className="text-base">{client.phone}</p>
<PhoneIcon className="contact-icon me-2 xs:me-4" />
<p className="text-sm xs:text-base">{client.phone}</p>
</div>
<div className="contact-info-group">
<EnvelopeIcon className="contact-icon me-4" />
<p className="text-base">{client.email}</p>
<EnvelopeIcon className="contact-icon me-2 xs:me-4" />
<p className={`text-sm xs:text-base clientEmail${client._id}`}></p>
</div>
<div className="contact-info-group">
<MapPinIcon className="contact-icon me-4" />
<p className="text-base">{client.address}</p>
<MapPinIcon className="contact-icon me-2 xs:me-4" />
<p className="text-sm xs:text-base">{client.address}</p>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions client/components/ui/ActionMenu.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ const ActionMenu = ({ sortClients, filterClients, clearFilter, filteringOptions


return (
<section className="flex pl-8">
<section className="flex">
<div className="dropdown dropdown-bottom text-secondary">
<label tabIndex={0} className=""><ArrowsUpDownIcon className="action-icon" title="Sort By" /></label>
<ul tabIndex={0} className="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-primary border border-secondary rounded-box w-16 ">
Expand All @@ -94,7 +94,7 @@ const ActionMenu = ({ sortClients, filterClients, clearFilter, filteringOptions
</div>
}
{currentFilter &&
<section className='flex justify-center items-center'>
<section className='flex flex-wrap justify-start items-center gap-1'>
{currentFilter.map((filter, i) =>
(<div key={i} className="badge badge-primary self-center flex justify-center items-center gap-1 leading-none cursor-pointer mx-1" onClick={(e) => handleFiltering(e, filter)}>{filter} <XMarkIcon className="w-3 h-3" /></div>))
}
Expand Down
6 changes: 3 additions & 3 deletions client/components/ui/Footer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@ import Link from 'next/link'

const Footer = () => {
return (
<footer className="footer items-center p-4 bg-primary text-neutral-content flex-row flex-nowrap">
<div className="items-center justify-between flex flex-row w-full text-secondary">
<footer className="footer items-center py-4 bg-primary text-neutral-content flex-row flex-nowrap">
<div className="items-center justify-between flex flex-row mx-auto w-full max-w-7xl text-secondary sm:px-8 md:px-12">
<p>© 100freelancers 2023</p>
<Link href="https://github.com/devlarabar/100freelancers">
<svg xmlns="http://www.w3.org/2000/svg" height="1.5em" viewBox="0 0 496 512" fill="currentColor"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" height="1.5em" viewBox="0 0 496 512" fill="currentColor"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" /></svg>
</Link>
</div>
</footer>
Expand Down
6 changes: 3 additions & 3 deletions client/components/ui/Header.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,9 @@ const Header = ({ ThemeToggle }) => {
if (doRedirect) redirect('/')

return (
<header className="navbar">
<Link href={homeLink} className="w-50 h-10"><Logo/></Link>
<div className="mr-14">
<header className="navbar w-full max-w-7xl mx-auto sm:px-8 md:px-12">
<Link href={homeLink} className=""><Logo /></Link>
<div className="">
{auth?.user ? (
<div className="dropdown dropdown-end text-secondary">
<label tabIndex="0" className="btn btn-ghost btn-circle avatar">
Expand Down
62 changes: 30 additions & 32 deletions client/components/ui/Logo.jsx
Original file line number Diff line number Diff line change
@@ -1,49 +1,47 @@
const Logo = (props) => {
const Logo = () => {
return (
<svg

xmlns="http://www.w3.org/2000/svg"
width={500}
height={110}
viewBox="0 -20 1300 375"
{...props}
>
viewBox="0 50 750 250"
className="w-1/2 sm:w-[250px]"
>
<defs>
<clipPath id="a">
<path d="M44.234 86.016H138V180H44.234Zm0 0" />
</clipPath>
<clipPath id="b">
<path d="M141.836 86.016H236V180h-94.164Zm0 0" />
</clipPath>
<clipPath id="a">
<path d="M44.234 86.016H138V180H44.234Zm0 0" />
</clipPath>
<clipPath id="b">
<path d="M141.836 86.016H236V180h-94.164Zm0 0" />
</clipPath>
</defs>
<g clipPath="url(#a)">
<path
fill="#0089b6"
d="M91.04 86.016c-25.86 0-46.806 20.941-46.806 46.8 0 25.86 20.946 46.805 46.805 46.805 25.856 0 46.8-20.945 46.8-46.805 0-25.859-20.944-46.8-46.8-46.8Zm0 84.242c-20.688 0-37.446-16.754-37.446-37.442 0-20.687 16.758-37.441 37.445-37.441 20.684 0 37.441 16.754 37.441 37.441 0 20.688-16.757 37.442-37.44 37.442Zm0 0"
/>
<path
fill="#0089b6"
d="M91.04 86.016c-25.86 0-46.806 20.941-46.806 46.8 0 25.86 20.946 46.805 46.805 46.805 25.856 0 46.8-20.945 46.8-46.805 0-25.859-20.944-46.8-46.8-46.8Zm0 84.242c-20.688 0-37.446-16.754-37.446-37.442 0-20.687 16.758-37.441 37.445-37.441 20.684 0 37.441 16.754 37.441 37.441 0 20.688-16.757 37.442-37.44 37.442Zm0 0"
/>
</g>
<g clipPath="url(#b)">
<path
fill="#0089b6"
d="M188.64 86.016c-25.859 0-46.804 20.941-46.804 46.8 0 25.86 20.945 46.805 46.805 46.805 25.859 0 46.8-20.945 46.8-46.805 0-25.859-20.941-46.8-46.8-46.8Zm0 84.242c-20.687 0-37.445-16.754-37.445-37.442 0-20.687 16.758-37.441 37.446-37.441 20.687 0 37.441 16.754 37.441 37.441 0 20.688-16.754 37.442-37.441 37.442Zm0 0"
/>
<path
fill="#0089b6"
d="M188.64 86.016c-25.859 0-46.804 20.941-46.804 46.8 0 25.86 20.945 46.805 46.805 46.805 25.859 0 46.8-20.945 46.8-46.805 0-25.859-20.941-46.8-46.8-46.8Zm0 84.242c-20.687 0-37.445-16.754-37.445-37.442 0-20.687 16.758-37.441 37.446-37.441 20.687 0 37.441 16.754 37.441 37.441 0 20.688-16.754 37.442-37.441 37.442Zm0 0"
/>
</g>
<path
className='fill-current text-secondary'
fill="#d7e4eb"
d="M23.892 196.676v64.157h9.348v-28.32h35.836v-7.516H33.24v-20.805h43.808v-7.516ZM92.99 204.192h21.902c8.617 0 13.75 4.676 13.75 12.742 0 8.063-5.043 12.738-13.75 12.738H92.99Zm0 32.902h26.762c4.765 0 8.89 4.125 8.89 8.89v11.364c0 1.285.547 3.028 1.559 3.485h9.715c-1.286-.551-1.926-2.11-1.926-3.485v-10.996c0-6.598-3.207-11.73-9.164-13.746 5.957-2.844 9.164-8.34 9.164-16.684 0-12.554-7.79-19.246-20.531-19.246H83.642v64.157h9.348ZM149.258 196.676v64.157h53.156v-7.516h-43.808v-20.805h35.836v-7.515h-35.836v-20.805h43.808v-7.516ZM210.841 196.676v64.157h53.157v-7.516h-43.809v-20.805h35.836v-7.515h-35.836v-20.805h43.809v-7.516ZM272.331 196.676v64.157h53.156v-7.516h-43.715v-56.64ZM353.254 196.676l-26.211 64.157h9.988l6.965-16.774h31.895l6.875 16.774h10.082l-26.215-64.157Zm19.52 39.871h-25.66l12.831-31.164ZM399.257 196.676v64.157h9.254v-50.774l42.71 50.774h9.255v-64.157h-9.438v50.778l-42.617-50.778ZM504.19 195.211c-22.458 0-33.727 12.832-33.727 33.543 0 20.715 11.27 33.543 33.727 33.543 17.777 0 28.41-7.879 32.074-21.078h-9.438c-3.39 8.617-10.816 13.563-22.453 13.563-16.59 0-24.473-9.895-24.473-26.028 0-16.128 7.883-26.027 24.473-26.027 11.637 0 19.063 4.95 22.453 13.563h9.438c-3.664-13.196-14.297-21.079-32.074-21.079ZM546.25 196.676v64.157h53.157v-7.516h-43.809v-20.805h35.836v-7.515h-35.836v-20.805h43.809v-7.516ZM616.998 204.192H638.9c8.617 0 13.75 4.676 13.75 12.742 0 8.063-5.043 12.738-13.75 12.738h-21.902Zm0 32.902h26.762c4.765 0 8.89 4.125 8.89 8.89v11.364c0 1.285.547 3.028 1.559 3.485h9.715c-1.286-.551-1.926-2.11-1.926-3.485v-10.996c0-6.598-3.207-11.73-9.164-13.746 5.957-2.844 9.164-8.34 9.164-16.684 0-12.554-7.79-19.246-20.531-19.246H607.65v64.157h9.348Zm0 0"
className='fill-current text-secondary'
fill="#d7e4eb"
d="M23.892 196.676v64.157h9.348v-28.32h35.836v-7.516H33.24v-20.805h43.808v-7.516ZM92.99 204.192h21.902c8.617 0 13.75 4.676 13.75 12.742 0 8.063-5.043 12.738-13.75 12.738H92.99Zm0 32.902h26.762c4.765 0 8.89 4.125 8.89 8.89v11.364c0 1.285.547 3.028 1.559 3.485h9.715c-1.286-.551-1.926-2.11-1.926-3.485v-10.996c0-6.598-3.207-11.73-9.164-13.746 5.957-2.844 9.164-8.34 9.164-16.684 0-12.554-7.79-19.246-20.531-19.246H83.642v64.157h9.348ZM149.258 196.676v64.157h53.156v-7.516h-43.808v-20.805h35.836v-7.515h-35.836v-20.805h43.808v-7.516ZM210.841 196.676v64.157h53.157v-7.516h-43.809v-20.805h35.836v-7.515h-35.836v-20.805h43.809v-7.516ZM272.331 196.676v64.157h53.156v-7.516h-43.715v-56.64ZM353.254 196.676l-26.211 64.157h9.988l6.965-16.774h31.895l6.875 16.774h10.082l-26.215-64.157Zm19.52 39.871h-25.66l12.831-31.164ZM399.257 196.676v64.157h9.254v-50.774l42.71 50.774h9.255v-64.157h-9.438v50.778l-42.617-50.778ZM504.19 195.211c-22.458 0-33.727 12.832-33.727 33.543 0 20.715 11.27 33.543 33.727 33.543 17.777 0 28.41-7.879 32.074-21.078h-9.438c-3.39 8.617-10.816 13.563-22.453 13.563-16.59 0-24.473-9.895-24.473-26.028 0-16.128 7.883-26.027 24.473-26.027 11.637 0 19.063 4.95 22.453 13.563h9.438c-3.664-13.196-14.297-21.079-32.074-21.079ZM546.25 196.676v64.157h53.157v-7.516h-43.809v-20.805h35.836v-7.515h-35.836v-20.805h43.809v-7.516ZM616.998 204.192H638.9c8.617 0 13.75 4.676 13.75 12.742 0 8.063-5.043 12.738-13.75 12.738h-21.902Zm0 32.902h26.762c4.765 0 8.89 4.125 8.89 8.89v11.364c0 1.285.547 3.028 1.559 3.485h9.715c-1.286-.551-1.926-2.11-1.926-3.485v-10.996c0-6.598-3.207-11.73-9.164-13.746 5.957-2.844 9.164-8.34 9.164-16.684 0-12.554-7.79-19.246-20.531-19.246H607.65v64.157h9.348Zm0 0"
/>
<path
fill="#0089b6"
d="M693.344 187.512v7.973c-14.48 1.469-21.906 8.34-21.906 18.789 0 7.7 4.125 13.383 13.75 16.68l21.813 7.332c4.03 1.375 5.132 3.027 5.132 5.59 0 4.308-4.125 6.417-10.906 6.417-8.617 0-13.656-2.66-13.656-8.156h-17.047c0 10.446 7.055 18.239 22.82 19.887v7.973h12.832v-7.973c15.579-1.465 22.727-8.25 22.727-18.606 0-8.156-3.39-13.195-12.188-16.039l-22.914-7.878c-3.574-1.286-5.316-3.395-5.316-6.235 0-3.941 3.574-6.047 9.441-6.047 8.25 0 13.29 3.114 13.29 8.157h16.863c0-11.368-7.422-18.239-21.903-19.797v-8.067Zm0 0"

fill="#0089b6"
d="M693.344 187.512v7.973c-14.48 1.469-21.906 8.34-21.906 18.789 0 7.7 4.125 13.383 13.75 16.68l21.813 7.332c4.03 1.375 5.132 3.027 5.132 5.59 0 4.308-4.125 6.417-10.906 6.417-8.617 0-13.656-2.66-13.656-8.156h-17.047c0 10.446 7.055 18.239 22.82 19.887v7.973h12.832v-7.973c15.579-1.465 22.727-8.25 22.727-18.606 0-8.156-3.39-13.195-12.188-16.039l-22.914-7.878c-3.574-1.286-5.316-3.395-5.316-6.235 0-3.941 3.574-6.047 9.441-6.047 8.25 0 13.29 3.114 13.29 8.157h16.863c0-11.368-7.422-18.239-21.903-19.797v-8.067Zm0 0"
/>
<path
fill="none"
stroke="#0089b6"
strokeLinecap="round"
strokeWidth={9.75}
d="M27.914 171.07V90.887"
fill="none"
stroke="#0089b6"
strokeLinecap="round"
strokeWidth={9.75}
d="M27.914 171.07V90.887"
/>
</svg>
)
Expand Down
14 changes: 7 additions & 7 deletions client/styles/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ body {
}

.content {
@apply flex flex-col gap-5 px-10 md:px-20 flex-1;
@apply flex flex-col gap-5 px-5 sm:px-8 md:px-12 pb-10 flex-1 w-full max-w-7xl mx-auto;
}

h2 {
Expand All @@ -27,23 +27,23 @@ h2 {
/* Client Card */

.client-card {
@apply bg-primary rounded-3xl p-5 h-56 w-96 text-secondary;
@apply bg-primary rounded-3xl p-4 xs:p-5 xs:h-60 text-secondary;
}

.client-contact {
@apply text-xs text-secondary p-2 mt-2;
@apply text-xs text-secondary p-1 xs:p-2 mt-2;
}

.contact-info-group {
@apply flex items-center mb-2;
}

.contact-icon {
@apply w-7 h-7 text-accent stroke-2;
@apply min-w-min min-h-min w-5 h-5 xs:w-7 xs:h-7 text-accent stroke-2;
}

h3 {
@apply text-xl font-bold text-secondary;
@apply text-lg xs:text-xl font-bold text-secondary;
}

h4 {
Expand All @@ -61,7 +61,7 @@ hr {
}

.dropdown-menu-small {
@apply mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-primary border border-secondary rounded-box w-36;
@apply mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-primary border border-secondary rounded-box w-36 left-[-6.5rem];
}

/* Forms */
Expand Down Expand Up @@ -91,7 +91,7 @@ input:not([type="checkbox"]) {
}

.action-icon {
@apply w-7 h-7 mx-1 cursor-pointer text-secondary;
@apply min-w-min w-7 h-7 mx-1 cursor-pointer text-secondary;
}

.text-submit {
Expand Down
69 changes: 40 additions & 29 deletions client/tailwind.config.js
Original file line number Diff line number Diff line change
@@ -1,40 +1,51 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ['class', '[data-theme="dark"]'],
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic':
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
},
},
plugins: [require("@tailwindcss/typography"), require("daisyui")],
daisyui: {
darkMode: ['class', '[data-theme="dark"]'],
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
screens: {
'sm': '640px',
'md': '768px',
'lg': '1024px',
'xl': '1280px',
'2xl': '1536px',
'3xl': '1800px',
'4xl': '2300px',
'xs': '400px',
'2xs': '300px'
},
extend: {
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic':
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
},
},
plugins: [require("@tailwindcss/typography"), require("daisyui")],
daisyui: {
themes: [{
light: {
// ...require("daisyui/src/theming/themes")["[data-theme=emerald]"],
"primary": "#F1F6F9",
"secondary": "#142833",
"accent": "#0089B6",
"neutral": "#fff",
"base-100": "#D7E4EB",
}
"primary": "#F1F6F9",
"secondary": "#142833",
"accent": "#0089B6",
"neutral": "#fff",
"base-100": "#D7E4EB",
}
}, {
dark: {
// ...require("daisyui/src/theming/themes")["[data-theme=dark]"],
"primary": "#355565",
"secondary": "#D7E4EB",
"accent": "#0089B6",
"neutral": "#fff",
"base-100": "#142833",
}
"primary": "#355565",
"secondary": "#D7E4EB",
"accent": "#0089B6",
"neutral": "#fff",
"base-100": "#142833",
}
}],
},
}

0 comments on commit 3bdbeb1

Please sign in to comment.