MattTheTekie/secret
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sorting

Browse source
This commit is contained in:
p 2023-09-13 22:34:46 +05:30
commit 93029fea2b
16 changed files with 48 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

6
Common/Card.js
View file

@ -25,12 +25,12 @@ const Card = (props) => {
}
let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, '');
router.push(`/post-detail/${props.item?.eid}/${slug}/`)
}} key={props.index} style={{marginBottom:"10px"}} className={`my-2 overflow-hidden w-full ${props?.page ==="dashboard"?"":"cursor-pointer"} py-2 bg-card rounded-md flex justify-center hover:bg-primary/10 border border-off-white/10 hover:border-primary/50 flex-col md:flex-row `}>
}} key={props.index} style={{marginBottom:"10px"}} className={`my-2 overflow-hidden w-full ${props?.page ==="dashboard"?"":"cursor-pointer"} py-2 bg-card rounded-md flex justify-center hover:bg-primary/10 hover:border-primary/50 flex-col md:flex-row `}>
<div className='flex p-2'>
<div className="imagefit bg-cover rounded mx-auto justify-center items-center inline-flex ml-2" style={{'backgroundImage':`url("${props.item[`thumbnail`] ? props.item[`thumbnail`] : props.categoryId==="XXX"?"https://i.therarbg.com/xnp.jpg": "https://i.therarbg.com/np.jpg"}")`,width:"50px",height:"50px"}}>
</div>
<div className="text-off-white flex items-center text-[14px] w-[90%] text-left h-auto pt-1.5 text-ellipsis overflow-hidden pl-4 font-medium break-all">
<div className="text-off-white flex items-center text-[14px] w-[90%] text-left h-auto pt-1.5 text-ellipsis overflow-hidden pl-4 font-light break-all">
{props?.item?.name}
@ -49,7 +49,7 @@ const Card = (props) => {
<span className='w-14'>
{formatBytes(props.item['size'])}
</span>
{props?.page ==="dashboard"? <span onClick={()=>{router.push(`/upload?data=${JSON.stringify(props?.item)}`)}} className='font-medium cursor-pointer text-primary' >Edit</span>:null}
{props?.page ==="dashboard"? <span onClick={()=>{router.push(`/upload?data=${JSON.stringify(props?.item)}`)}} className='font-light cursor-pointer text-primary' >Edit</span>:null}
</div>
</div>);
};

4
Common/CardCompact.js
View file

@ -22,13 +22,13 @@ const CardCompact = (props) => {
<div onClick={()=>{
let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, '');
router.push(`/post-detail/${props.item?.pk}/${slug}/`)
}} key={props.index} style={{marginBottom:"10px"}} className={`my-2 overflow-hidden w-full ${props?.page ==="dashboard"?"":"cursor-pointer"} py-2 bg-card rounded-md flex justify-center hover:bg-primary/10 border border-off-white/10 hover:border-primary/50 flex-col md:flex-row`}>
}} key={props.index} style={{marginBottom:"10px"}} className={`my-2 overflow-hidden w-full ${props?.page ==="dashboard"?"":"cursor-pointer"} py-2 bg-card rounded-md flex justify-center hover:bg-primary/10 hover:border-primary/50 flex-col md:flex-row`}>
<div className='flex p-2'>
<div className="bg-cover imagefit rounded mx-auto justify-center items-center inline-flex ml-2" style={{'backgroundImage':`url("${props.item[`t`] ? props.item[`t`] : props.categoryId==="XXX"?"https://i.therarbg.com/xnp.jpg": "https://i.therarbg.com/np.jpg"}")`, width:"50px",height:"50px"}}>
</div>
<div className="text-off-white flex w-full text-[14px] items-center font-extralight text-left h-auto pt-1.5 text-ellipsis overflow-hidden pl-4 font-medium break-all">
<div className="text-off-white flex w-full text-[14px] items-center font-extralight text-left h-auto pt-1.5 text-ellipsis overflow-hidden pl-4 font-extralight break-all">
<span>
{name}
</span>

6
Common/CardExpanded.js
View file

@ -23,11 +23,11 @@ const CardExpanded = (props) => {
<div onClick={()=>{
let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, '');
router.push(`/post-detail/${props.item?.pk}/${slug}/`)
}} key={props.index} className="my-3 overflow-hidden mt-6 cursor-pointer py-2 bg-card rounded-md flex-col justify-center inline-flex hover:bg-primary/10 border border-off-white/10 hover:border-primary/50 zoomcss" style={{width:"200px"}}>
<div className="w-40 h-44 bg-cover imagefit rounded mx-auto justify-center items-center inline-flex" style={{'backgroundImage':`url("${props.item[`t`] ? props.item[`t`] : props.categoryId==="XXX"?"https://i.therarbg.com/xnp.jpg": "https://i.therarbg.com/np.jpg"}")`}}>
}} key={props.index} className="my-3 overflow-hidden mt-6 cursor-pointer py-2 bg-card rounded-md flex-col justify-center inline-flex hoverCss zoomcss" style={{width:"200px"}}>
<div className="w-40 h-44 bg-cover imagefit rounded mx-auto justify-center items-center inline-flex " style={{'backgroundImage':`url("${props.item[`t`] ? props.item[`t`] : props.categoryId==="XXX"?"https://i.therarbg.com/xnp.jpg": "https://i.therarbg.com/np.jpg"}")`}}>
</div>
<br />
<div className="text-off-white text-[12px] h-auto pt-1.5 long-and-truncated font-medium w-fit break-all" style={{fontSize:"12px"}}>
<div className="text-off-white text-[12px] h-auto pt-1.5 long-and-truncated font-light w-fit break-all" style={{fontSize:"12px"}}>
<span>
{name}
</span>

4
Common/CardGrid.js
View file

@ -28,11 +28,11 @@ const CardExpanded = (props) => {
}
let slug = name.toLowerCase().trim().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, '');
router.push(`/post-detail/${props.item?.eid}/${slug}/`)
}} key={props.index} className="my-3 mt-6 zoom overflow-hidden cursor-pointer py-2 bg-card rounded-md flex-col justify-center inline-flex hover:bg-primary/10 border border-off-white/10 hover:border-primary/50 zoomcss" style={{width:"200px"}}>
}} key={props.index} className="my-3 mt-6 zoom overflow-hidden cursor-pointer py-2 bg-card rounded-md flex-col justify-center inline-flex hover:bg-primary/10 hoverCss zoomcss" style={{width:"200px"}}>
<div className="w-40 h-44 bg-cover imagefit rounded mx-auto justify-center items-center inline-flex" style={{'backgroundImage':`url("${props.item[`thumbnail`] ? props.item[`thumbnail`] : props.categoryId==="XXX"?"https://i.therarbg.com/xnp.jpg": "https://i.therarbg.com/np.jpg"}")`}}>
</div>
<br />
<div className="text-off-white h-auto pt-1.5 long-and-truncated font-medium w-fit break-all" style={{fontSize:"12px"}}>
<div className="text-off-white h-auto pt-1.5 long-and-truncated font-light w-fit break-all" style={{fontSize:"12px"}}>
<span>
{props?.item?.name}
</span>

2
Common/Header.js
View file

@ -46,7 +46,7 @@ useEffect(()=>{
},[])
return (
<div className=''>
<header className="hidden bg-background-header/25 text-sm font-medium md:flex sticky top-0 font-montserrat backdrop-blur-3xl px-8 md:px-16 justify-between">
<header className="hidden bg-background-header/25 text-sm font-light md:flex sticky top-0 font-montserrat backdrop-blur-3xl px-8 md:px-16 justify-between">

2
Common/TorrentList.js
View file

@ -227,7 +227,7 @@ const TorrentList = ({ setisTorrent, torrent_list, runtime }) => {
             }} className={`my-3 cursor-pointer  w-[]   py-2 bg-card rounded-md flex justify-center hover:bg-primary/10 border border-off-white/5 hover:border-primary/50 flex-col  md:flex-row`}>
               <div className="row-custom   text-[14px] justify-end h-auto pt-1.5 text-ellipsis overflow-hidden pl-4 font-medium ">
               <div className="row-custom   text-[14px] justify-end h-auto pt-1.5 text-ellipsis overflow-hidden pl-4 font-light ">
                 <span>

2
components/CardGenre.js
View file

@ -7,7 +7,7 @@ const CardGenre = React.forwardRef(
href={href}
onClick={onClick}
ref={ref}
className={`card-hover-animation m-2 flex h-44 w-44 grow items-center justify-center rounded-lg p-8 text-center text-xl font-medium even:bg-app-semi-dark-blue ${oddBgColor}`}
className={`card-hover-animation m-2 flex h-44 w-44 grow items-center justify-center rounded-lg p-8 text-center text-xl font-light even:bg-app-semi-dark-blue ${oddBgColor}`}
>
{text}
</a>

2
components/FilmGenres.js
View file

@ -15,7 +15,7 @@ function renderGenres(arr) {
return (
<li
key={genre.id}
className='mr-2 mb-2 flex items-center justify-center rounded-md border-none bg-app-pure-white py-px px-2 text-center font-medium text-app-dark-blue'
className='mr-2 mb-2 flex items-center justify-center rounded-md border-none bg-app-pure-white py-px px-2 text-center font-light text-app-dark-blue'
>
{genre.name}
</li>

2
components/FilmRating.js
View file

@ -4,7 +4,7 @@ import Rating from 'react-rating'
export default function FilmRating({ number }) {
return (
<div className='mb-6 flex flex-col items-center text-center md:flex-row md:items-center md:text-left'>
<p className='mb-2 text-4xl font-medium md:mr-4 md:mb-0'>{number}</p>
<p className='mb-2 text-4xl font-light md:mr-4 md:mb-0'>{number}</p>
<Rating
className='align-center flex self-center'
initialRating={number}

6
components/FilmResources.js
View file

@ -22,7 +22,7 @@ const handlegetLink =()=>{
<a
onClick={()=>handlegetLink()}
className='mb-4 mr-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-greyish-blue py-3 px-8 text-sm font-medium text-app-pure-white hover:bg-app-pure-white hover:text-app-dark-blue'
className='mb-4 mr-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-greyish-blue py-3 px-8 text-sm font-light text-app-pure-white hover:bg-app-pure-white hover:text-app-dark-blue'
rel='noreferrer'
>
@ -36,7 +36,7 @@ const handlegetLink =()=>{
{!props?.imdb ? null : (
<a
href={`https://www.imdb.com/title/${props?.imdb}`}
className='mb-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-greyish-blue py-3 px-8 text-sm font-medium text-app-pure-white hover:bg-app-pure-white hover:text-app-dark-blue'
className='mb-4 flex w-40 cursor-pointer items-center justify-between rounded-md border-none bg-app-greyish-blue py-3 px-8 text-sm font-light text-app-pure-white hover:bg-app-pure-white hover:text-app-dark-blue'
target='_blank'
rel='noreferrer'
>
@ -46,7 +46,7 @@ const handlegetLink =()=>{
)}
{/* <a
href={trailer}
className="mb-4 flex w-full cursor-pointer items-center justify-between rounded-md border-none bg-app-semi-dark-blue py-4 px-8 text-sm font-medium text-app-pure-white hover:bg-app-greyish-blue">
className="mb-4 flex w-full cursor-pointer items-center justify-between rounded-md border-none bg-app-semi-dark-blue py-4 px-8 text-sm font-light text-app-pure-white hover:bg-app-greyish-blue">
<p>Trailer</p>
<FaPlay className="text-base" />
</a> */}

6
components/Heading.js
View file

@ -15,8 +15,8 @@ export default function Heading({
<p
className={
media_type === 'movie'
? 'ml-2 rounded-md border-2 py-px px-2 text-[8px] font-medium uppercase tracking-wider text-app-pure-white sm:ml-4 sm:text-[10px]'
: 'ml-2 rounded-md border-2 border-app-pure-white bg-app-pure-white py-px px-2 text-[8px] font-medium uppercase tracking-wider text-app-dark-blue sm:ml-4 sm:text-[10px] '
? 'ml-2 rounded-md border-2 py-px px-2 text-[8px] font-light uppercase tracking-wider text-app-pure-white sm:ml-4 sm:text-[10px]'
: 'ml-2 rounded-md border-2 border-app-pure-white bg-app-pure-white py-px px-2 text-[8px] font-light uppercase tracking-wider text-app-dark-blue sm:ml-4 sm:text-[10px] '
}>
{media_type}
</p>
@ -25,7 +25,7 @@ export default function Heading({
<h2 className='section-title'>{title}</h2>
)}
<Link href={href} as={href} passHref>
<a className='cursor-pointer text-xs font-medium uppercase tracking-wide text-app-greyish-blue hover:underline'>
<a className='cursor-pointer text-xs font-light uppercase tracking-wide text-app-greyish-blue hover:underline'>
See more
</a>
</Link>

8
components/Pagination.js
View file

@ -18,8 +18,8 @@ export default function Pagination({
onClick={goToPreviousPage}
className={
isFirst
? 'disabled-link flex cursor-not-allowed items-center justify-center rounded-lg rounded-r-none border-2 py-2 pl-4 pr-6 font-medium'
: 'flex items-center justify-center rounded-lg rounded-r-none border-2 py-2 pl-4 pr-6 font-medium hover:bg-app-pure-white hover:text-app-dark-blue'
? 'disabled-link flex cursor-not-allowed items-center justify-center rounded-lg rounded-r-none border-2 py-2 pl-4 pr-6 font-light'
: 'flex items-center justify-center rounded-lg rounded-r-none border-2 py-2 pl-4 pr-6 font-light hover:bg-app-pure-white hover:text-app-dark-blue'
}
>
<TiArrowLeftThick className='mr-2' />
@ -34,8 +34,8 @@ export default function Pagination({
onClick={goToNextPage}
className={
isLast
? 'disabled-link flex cursor-not-allowed items-center justify-center rounded-lg rounded-l-none border-2 py-2 pr-4 pl-6 font-medium'
: 'flex items-center justify-center rounded-lg rounded-l-none border-2 py-2 pr-4 pl-6 font-medium hover:bg-app-pure-white hover:text-app-dark-blue'
? 'disabled-link flex cursor-not-allowed items-center justify-center rounded-lg rounded-l-none border-2 py-2 pr-4 pl-6 font-light'
: 'flex items-center justify-center rounded-lg rounded-l-none border-2 py-2 pr-4 pl-6 font-light hover:bg-app-pure-white hover:text-app-dark-blue'
}
>
<span>Next</span>

2
pages/post-detail/[id]/[slug].js
View file

@ -193,7 +193,7 @@ const Details = () => {
{
trackers.map((item, index) => {
return (
<p className='p-1 long-and-truncated font-medium w-fit break-all' key={index}>
<p className='p-1 long-and-truncated font-light w-fit break-all' key={index}>
{item}
</p>
)

2
pages/search.js
View file

@ -49,7 +49,7 @@ const Home = () => {
console.log("pp",checkboxInput)
return (
<div className="container mx-auto py-3 font-medium bg-transparent min-h-screen justify-center text-center font-montserrat">
<div className="container mx-auto py-3 font-light bg-transparent min-h-screen justify-center text-center font-montserrat">
{loader ? <Loader /> : null}
<div>
<p className='text-[3rem] md:text-[6rem] font-bold leading-[3.5rem] md:leading-[7rem] pt-16'> This World.<br />At Your Fingertips.</p>

28
pages/upload.js
View file

@ -313,20 +313,20 @@ useEffect(()=>{
}} className='w-[85%]'>
<div className="grid gap-6 mb-6 md:grid-cols-2">
<div>
<label htmlFor="first_name" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Title name</label>
<label htmlFor="first_name" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Title name</label>
<input type="text" id="first_name" name="name" className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" placeholder="Name" value={formInput?.name} onChange={handleChange} />
<span className='text-red-400 text-[13px] '>{errors?.name}</span>
</div>
<div>
<label htmlFor="file" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Short Name</label>
<label htmlFor="file" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Short Name</label>
<input type="text" id="id" name="short_name" className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-[7px] dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" placeholder="Short Name" value={formInput?.short_name} onChange={handleChange} />
<span className='text-red-400 text-[13px] '>{errors?.short_name}</span>
</div>
<div>
<label htmlFor="language" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Language</label>
<label htmlFor="language" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Language</label>
<select name="language" id="language" className="bg-gray-50 cursor-pointer border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" value={formInput?.language} onChange={handleChange} placeholder="Flowbite" >
<option >
Select
@ -342,7 +342,7 @@ useEffect(()=>{
<span className='text-red-400 text-[13px] '>{errors?.language}</span>
</div>
<div>
<label htmlFor="category_str" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Category</label>
<label htmlFor="category_str" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Category</label>
<select id="category_str" name="category_str" className="bg-gray-50 cursor-pointer border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" value={formInput?.category_str} onChange={handleChange} placeholder="Flowbite" >
<option>
Select
@ -362,7 +362,7 @@ useEffect(()=>{
<div>
<label htmlFor="language" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Type</label>
<label htmlFor="language" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Type</label>
<select name="type" id="language" className="bg-gray-50 border cursor-pointer border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" value={formInput?.type} onChange={handleChange} placeholder="Flowbite" >
<option>
Select
@ -378,7 +378,7 @@ useEffect(()=>{
<span className='text-red-400 text-[13px] '>{errors?.type}</span>
</div>
<div >
<label htmlFor="info_hash" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Size (in Bytes)</label>
<label htmlFor="info_hash" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Size (in Bytes)</label>
<div className='flex relative'>
@ -391,7 +391,7 @@ useEffect(()=>{
</div>
<div >
<label htmlFor="info_hash" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Imdb ID</label>
<label htmlFor="info_hash" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Imdb ID</label>
<div className='flex relative'>
@ -406,7 +406,7 @@ useEffect(()=>{
</div>
<div className="mb-6 text-white">
<label htmlFor="category_str" className="block mb-2 text-sm font-medium text-white dark:text-white">Genre</label>
<label htmlFor="category_str" className="block mb-2 text-sm font-light text-white dark:text-white">Genre</label>
<Select
className="react-select-container "
classNamePrefix="react-select"
@ -431,7 +431,7 @@ useEffect(()=>{
<div className="mb-6">
<label htmlFor="info_hash" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Thumbnail Images Urls</label>
<label htmlFor="info_hash" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Thumbnail Images Urls</label>
<div className='flex relative'>
@ -445,7 +445,7 @@ useEffect(()=>{
</div>
<div className="mb-6">
<label htmlFor="info_hash" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Add Images Urls</label>
<label htmlFor="info_hash" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Add Images Urls</label>
{
fileInput&& fileInput.map((item, index) => {
return (
@ -468,13 +468,13 @@ useEffect(()=>{
</div>
<div className="mb-6">
<label htmlFor="info_hash" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Torrent Hash</label>
<label htmlFor="info_hash" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Torrent Hash</label>
<input type="text" name="info_hash" id="info_hash" className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" placeholder="309626C8000F9C006782B097E7B6EAADD7F7C3E7" value={formInput?.info_hash} onChange={handleChange} />
<span className='text-red-400 text-[13px] '>{errors?.info_hash}</span>
</div>
<div className="mb-6">
<label htmlFor="tag" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Torrent Descriptions</label>
<label htmlFor="tag" className="block mb-2 text-sm font-light text-gray-900 dark:text-white">Torrent Descriptions</label>
<textarea name="descr" rows={6} id="email" className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" value={formInput?.descr} onChange={handleChange} placeholder="" >
</textarea>
<span className='text-red-400 text-[13px] '>{errors?.descr}</span>
@ -484,9 +484,9 @@ useEffect(()=>{
<div className="flex items-center h-5">
<input id="remember" type="checkbox" value="" className="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-primary-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-primary-600 dark:ring-offset-gray-800" />
</div>
<label htmlFor="remember" className="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">I agree with the <a href="#" className="text-primary-600 hover:underline dark:text-primary-500">terms and conditions</a>.</label>
<label htmlFor="remember" className="ml-2 text-sm font-light text-gray-900 dark:text-gray-300">I agree with the <a href="#" className="text-primary-600 hover:underline dark:text-primary-500">terms and conditions</a>.</label>
</div> */}
<button type="submit" className="bg-primary/10 text-primary border-primary my-3 hover:bg-primary/30 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-1.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700" style={{ border: "solid 0.5px" }} >Submit</button>
<button type="submit" className="bg-primary/10 text-primary border-primary my-3 hover:bg-primary/30 font-light rounded-lg text-sm w-full sm:w-auto px-5 py-1.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700" style={{ border: "solid 0.5px" }} >Submit</button>
</form>
</div>

9
styles/globals.css
View file

@ -20,11 +20,11 @@
}
.heading-sm {
@apply text-app-heading-md font-medium;
@apply text-app-heading-md font-light;
}
.heading-xs {
@apply text-app-heading-xs font-medium;
@apply text-app-heading-xs font-light;
}
.section-title {
@ -454,6 +454,7 @@ background:rgb(11 9 9 / 75%) !important;
}
.zoomcss{
zoom: 0.;
@media(max-width: 767px){
zoom:0.5;
@ -552,4 +553,8 @@ background:rgb(11 9 9 / 75%) !important;
.icon-nav:focus {
outline: none; /* Remove the outline */
border: none; /* Remove the border */
}
.hoverCss:hover {
transform: scale(1.030);
transition: all 300ms ease;
}