Fix:Replaced class with className

This commit is contained in:
2025-02-23 07:30:14 +05:30
parent 7b2abd29b9
commit 92b647fa0e
+9 -6
View File
@@ -3,11 +3,11 @@ import React from "react";
const Footer = () => { const Footer = () => {
return ( return (
<> <>
<footer className=" text-gray-50"> <footer className="text-gray-50">
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8"> <div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
<div className="md:flex md:justify-between"> <div className="md:flex md:justify-between">
<div className="mb-6 md:mb-0"> <div className="mb-6 md:mb-0">
<a href="/" class="flex items-center gap-2"> <a href="/" className="flex items-center gap-2">
<img <img
src="/images/logo.png" src="/images/logo.png"
className="h-9 rounded-full" className="h-9 rounded-full"
@@ -25,12 +25,15 @@ const Footer = () => {
</h2> </h2>
<ul className="text-gray-50 dark:text-gray-400 font-medium"> <ul className="text-gray-50 dark:text-gray-400 font-medium">
<li className="mb-4"> <li className="mb-4">
<a href="https://flowbite.com/" class="hover:underline"> <a href="https://flowbite.com/" className="hover:underline">
Flowbite Flowbite
</a> </a>
</li> </li>
<li> <li>
<a href="https://tailwindcss.com/" class="hover:underline"> <a
href="https://tailwindcss.com/"
className="hover:underline"
>
Tailwind CSS Tailwind CSS
</a> </a>
</li> </li>
@@ -44,7 +47,7 @@ const Footer = () => {
<li className="mb-4"> <li className="mb-4">
<a <a
href="https://github.com/themesberg/flowbite" href="https://github.com/themesberg/flowbite"
className="hover:underline " className="hover:underline"
> >
Github Github
</a> </a>
@@ -82,7 +85,7 @@ const Footer = () => {
<div className="sm:flex sm:items-center sm:justify-between"> <div className="sm:flex sm:items-center sm:justify-between">
<span className="text-sm text-gray-50 sm:text-center dark:text-gray-400"> <span className="text-sm text-gray-50 sm:text-center dark:text-gray-400">
© 2024{" "} © 2024{" "}
<a href="/" class="hover:underline"> <a href="/" className="hover:underline">
Crop Compass Crop Compass
</a> </a>
. All Rights Reserved. . All Rights Reserved.