Merge pull request Charlie85270#25 from ciruz/fix/doubleclass

removed double or unnecessary classes
LK4268 · Jan 18, 2021 · e889462 · e889462
2 parents 26819aa + dfb2a78
commit e889462
Show file tree

Hide file tree

Showing 14 changed files with 27 additions and 49 deletions.
diff --git a/components/kit/components/commerce/pricing/PricingCard2.tsx b/components/kit/components/commerce/pricing/PricingCard2.tsx
@@ -56,7 +56,7 @@ const PricingCard2: FC = () => {
 
       <button
         type="button"
-        className="w-full px-3 py-3 text-xs text-sm shadow rounded-lg text-indigo-500 bg-white hover:bg-gray-100 "
+        className="w-full px-3 py-3 text-sm shadow rounded-lg text-indigo-500 bg-white hover:bg-gray-100 "
       >
         Choose plan
       </button>

diff --git a/components/kit/components/commerce/pricing/PricingCard3.tsx b/components/kit/components/commerce/pricing/PricingCard3.tsx
@@ -21,7 +21,7 @@ const PricingCard3: FC = () => {
 
       <button
         type="button"
-        className="w-56 m-auto px-3 py-3 text-xs text-sm shadow border border-black rounded-lg text-black bg-white hover:bg-black hover:text-white dark:hover-text-gray-900 dark:hover:bg-gray-100 "
+        className="w-56 m-auto px-3 py-3 text-sm shadow border border-black rounded-lg text-black bg-white hover:bg-black hover:text-white dark:hover-text-gray-900 dark:hover:bg-gray-100 "
       >
         Request demo
       </button>

diff --git a/components/kit/components/commerce/pricing/PricingCard5.tsx b/components/kit/components/commerce/pricing/PricingCard5.tsx
@@ -2,7 +2,7 @@ import React, { FC } from "react";
 
 const PricingCard5: FC = () => {
   return (
-    <section className="px-2 mb-4 w-72 border-t-8 px-2 py-1 bg-white dark:bg-gray-800 rounded border-purple-600 border-2">
+    <section className="mb-4 w-72 border-t-8 px-2 py-1 bg-white dark:bg-gray-800 rounded border-purple-600 border-2">
       <section className="w-full">
         <header className="text-3xl text-center md:mt-5 dark:text-white">
           Recruiter

diff --git a/components/kit/components/commerce/shopping/MultipleShoppingCard.tsx b/components/kit/components/commerce/shopping/MultipleShoppingCard.tsx
@@ -87,7 +87,7 @@ const MultipleShoppingCard = (props: Props) => {
               <span className="block opacity-75 -mb-1">Outdoor</span>
               <div className="flex justify-between">
                 <span className="block font-semibold text-xl">Monstera</span>
-                <span className="block bg-white rounded-full text-blue-500 text-xs font-bold px-3 py-2 leading-none flex items-center">
+                <span className="bg-white rounded-full text-blue-500 text-xs font-bold px-3 py-2 leading-none flex items-center">
                   $45.00
                 </span>
               </div>
@@ -129,7 +129,7 @@ const MultipleShoppingCard = (props: Props) => {
               <span className="block opacity-75 -mb-1">Outdoor</span>
               <div className="flex justify-between">
                 <span className="block font-semibold text-xl">Oak Tree</span>
-                <span className="block bg-white rounded-full text-purple-500 text-xs font-bold px-3 py-2 leading-none flex items-center">
+                <span className="bg-white rounded-full text-purple-500 text-xs font-bold px-3 py-2 leading-none flex items-center">
                   $68.50
                 </span>
               </div>

diff --git a/components/kit/components/commerce/shopping/ShoppingDetailsCard.tsx b/components/kit/components/commerce/shopping/ShoppingDetailsCard.tsx
@@ -15,7 +15,7 @@ const ShoppingDetailsCard: FC = () => {
           <p className="text-white">$98.00</p>
           <button
             type="button"
-            className="w-10 h-10 text-base font-medium rounded-full text-white bg-pink-500 hover:bg-pink-700 "
+            className="w-10 h-10 text-base font-medium rounded-full text-white bg-pink-500 hover:bg-pink-700"
           >
             <svg
               xmlns="http://www.w3.org/2000/svg"

diff --git a/components/kit/components/elements/buttons/PagerButton.tsx b/components/kit/components/elements/buttons/PagerButton.tsx
@@ -4,7 +4,7 @@ const PagerButton: FC = () => {
     <div className="flex items-center">
       <button
         type="button"
-        className="w-full px-1 py-4 border text-base rounded-l-xl text-gray-600 bg-white hover:bg-gray-100 px-4 py-2"
+        className="w-full p-4 border text-base rounded-l-xl text-gray-600 bg-white hover:bg-gray-100"
       >
         <svg
           width="9"
@@ -19,31 +19,31 @@ const PagerButton: FC = () => {
       </button>
       <button
         type="button"
-        className="w-full px-1 py-1 border-t border-b text-base text-indigo-500 bg-white hover:bg-gray-100 px-4 py-2"
+        className="w-full px-4 py-2 border-t border-b text-base text-indigo-500 bg-white hover:bg-gray-100 "
       >
         1
       </button>
       <button
         type="button"
-        className="w-full px-1 py-1 border text-base text-gray-600 bg-white hover:bg-gray-100 px-4 py-2"
+        className="w-full px-4 py-2 border text-base text-gray-600 bg-white hover:bg-gray-100"
       >
         2
       </button>
       <button
         type="button"
-        className="w-full px-1 py-1 border-t border-b text-base text-gray-600 bg-white hover:bg-gray-100 px-4 py-2"
+        className="w-full px-4 py-2 border-t border-b text-base text-gray-600 bg-white hover:bg-gray-100"
       >
         3
       </button>
       <button
         type="button"
-        className="w-full px-1 py-1 border text-base text-gray-600 bg-white hover:bg-gray-100 px-4 py-2"
+        className="w-full px-4 py-2 border text-base text-gray-600 bg-white hover:bg-gray-100"
       >
         4
       </button>
       <button
         type="button"
-        className="w-full px-1 py-4 border-t border-b border-r text-base  rounded-r-xl text-gray-600 bg-white hover:bg-gray-100 px-4 py-2"
+        className="w-full p-4 border-t border-b border-r text-base  rounded-r-xl text-gray-600 bg-white hover:bg-gray-100"
       >
         <svg
           width="9"

diff --git a/components/kit/components/elements/data/CovidInfo.tsx b/components/kit/components/elements/data/CovidInfo.tsx
@@ -10,7 +10,7 @@ const CovidInfo: FC = () => {
       </div>
       <div className="pt-5">
         <div className="relative md:text-right text-left md:block inline-block">
-          <p className="text-xl md:mb-2 mb-0 dark:text-gray-100 inline-block flex items-center increase">
+          <p className="text-xl md:mb-2 mb-0 dark:text-gray-100 flex items-center increase">
             <svg
               width="20"
               height="20"

diff --git a/components/kit/components/navigation/footer/SimpleFooter.tsx b/components/kit/components/navigation/footer/SimpleFooter.tsx
@@ -38,7 +38,7 @@ const SimpleFooter = (props: Props) => {
           >
             <a
               href="#"
-              className="text-gray-400 hover:text-gray-800 dark:hover:text-white hover:text-gray-800 transition-colors duration-200"
+              className="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200"
             >
               <svg
                 width="20"
@@ -53,7 +53,7 @@ const SimpleFooter = (props: Props) => {
             </a>
             <a
               href="#"
-              className="text-gray-400 hover:text-gray-800 dark:hover:text-white hover:text-gray-800 transition-colors duration-200"
+              className="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200"
             >
               <svg
                 width="20"
@@ -68,7 +68,7 @@ const SimpleFooter = (props: Props) => {
             </a>
             <a
               href="#"
-              className="text-gray-400 hover:text-gray-800 dark:hover:text-white hover:text-gray-800 transition-colors duration-200"
+              className="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -83,7 +83,7 @@ const SimpleFooter = (props: Props) => {
             </a>
             <a
               href="#"
-              className="text-gray-400 hover:text-gray-800 dark:hover:text-white hover:text-gray-800 transition-colors duration-200"
+              className="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200"
             >
               <svg
                 width="20"
@@ -98,7 +98,7 @@ const SimpleFooter = (props: Props) => {
             </a>
             <a
               href="#"
-              className="text-gray-400 hover:text-gray-800 dark:hover:text-white hover:text-gray-800 transition-colors duration-200"
+              className="text-gray-400 hover:text-gray-800 dark:hover:text-white transition-colors duration-200"
             >
               <svg
                 width="20"

diff --git a/components/kit/components/navigation/header/Header.tsx b/components/kit/components/navigation/header/Header.tsx
@@ -163,7 +163,7 @@ const Header = (props: Props) => {
             <div className="-mr-2 flex md:hidden">
               <button
                 onClick={() => setIsMenuOpen(!isMenuOpen)}
-                className={`text-gray-800 hover:text-gray-400 dark:text-white hover:text-gray-300 inline-flex items-center justify-center p-2 rounded-md focus:outline-none`}
+                className={`text-gray-800 dark:text-white hover:text-gray-300 inline-flex items-center justify-center p-2 rounded-md focus:outline-none`}
               >
                 <svg
                   width="20"

diff --git a/components/kit/components/pagesection/feature/FeaturesImage.tsx b/components/kit/components/pagesection/feature/FeaturesImage.tsx
@@ -26,7 +26,7 @@ const FeaturesImage = () => {
                   </div>
                 </div>
                 <div className="ml-4">
-                  <h5 className="text-lg leading-6 font-medium text-gray-900 dark:text-white font-bold">
+                  <h5 className="text-lg leading-6 text-gray-900 dark:text-white font-bold">
                     One-look dashboard
                   </h5>
                   <p className="mt-2 text-base leading-6 text-gray-500 dark:text-gray-300">
@@ -53,7 +53,7 @@ const FeaturesImage = () => {
                   </div>
                 </div>
                 <div className="ml-4">
-                  <h5 className="text-lg leading-6 font-medium text-gray-900 dark:text-white font-bold">
+                  <h5 className="text-lg leading-6 text-gray-900 dark:text-white font-bold">
                     Orders, managed
                   </h5>
                   <p className="mt-2 text-base leading-6 text-gray-500 dark:text-gray-300">
@@ -80,7 +80,7 @@ const FeaturesImage = () => {
                   </div>
                 </div>
                 <div className="ml-4">
-                  <h5 className="text-lg leading-6 font-medium text-gray-900 dark:text-white font-bold">
+                  <h5 className="text-lg leading-6 text-gray-900 dark:text-white font-bold">
                     Email &amp; SMS Notifications
                   </h5>
                   <p className="mt-2 text-base leading-6 text-gray-500 dark:text-gray-300">

diff --git a/components/kit/components/pagesection/profile/AddProfilInfo.tsx b/components/kit/components/pagesection/profile/AddProfilInfo.tsx
@@ -41,13 +41,13 @@ const AddProfilInfo: FC = () => {
       <div className="flex items-center justify-between gap-4 mt-6">
         <button
           type="button"
-          className="w-1/2 px-4 py-2 text-base text-sm border rounded-lg text-grey-500 bg-white hover:bg-gray-200 "
+          className="w-1/2 px-4 py-2 text-base border rounded-lg text-grey-500 bg-white hover:bg-gray-200 "
         >
           Chat
         </button>
         <button
           type="button"
-          className="w-1/2 px-4 py-2 text-base text-sm border rounded-lg text-white bg-indigo-500 hover:bg-indigo-700 "
+          className="w-1/2 px-4 py-2 text-base border rounded-lg text-white bg-indigo-500 hover:bg-indigo-700 "
         >
           Add friend
         </button>

diff --git a/components/kit/components/profile/GroupInfo.tsx b/components/kit/components/profile/GroupInfo.tsx
@@ -19,13 +19,13 @@ const GroupInfo: FC = () => {
       <div className="flex items-center justify-between gap-4 mt-6">
         <button
           type="button"
-          className="w-1/2 px-4 py-2 text-base text-sm border rounded-lg text-grey-500 bg-white hover:bg-gray-200 "
+          className="w-1/2 px-4 py-2 text-base border rounded-lg text-grey-500 bg-white hover:bg-gray-200 "
         >
           Invite friend
         </button>
         <button
           type="button"
-          className="w-1/2 px-4 py-2 text-base text-sm border rounded-lg text-white bg-indigo-500 hover:bg-indigo-700 "
+          className="w-1/2 px-4 py-2 text-base border rounded-lg text-white bg-indigo-500 hover:bg-indigo-700 "
         >
           Join
         </button>

diff --git a/components/layout/HomeLayout.tsx b/components/layout/HomeLayout.tsx
@@ -10,7 +10,7 @@ const HomeLayout: FC = ({ children }) => {
         description="Over 200 free and open source components and templates for tailwind css to build beautiful UI. All are fully coded and work with React, Angular and VueJS."
       />
 
-      <div className="relative bg-white overflow-hidden h-screen overflow-hidden">
+      <div className="relative bg-white overflow-hidden h-screen">
         <div className="max-w-7xl mx-auto h-full">
           <div className="relative z-10 pb-8 bg-white sm:pb-16 md:pb-20  lg:w-full lg:pb-28 xl:pb-32 h-full">
             <Header hideHelp={true} hideGithub={true} />

diff --git a/yarn.lock b/yarn.lock
@@ -106,23 +106,6 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@fortawesome/fontawesome-common-types@^0.2.32":
-  version "0.2.32"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.32.tgz#3436795d5684f22742989bfa08f46f50f516f259"
-  integrity sha512-ux2EDjKMpcdHBVLi/eWZynnPxs0BtFVXJkgHIxXRl+9ZFaHPvYamAfCzeeQFqHRjuJtX90wVnMRaMQAAlctz3w==
-
-"@fortawesome/fontawesome-free@^5.15.1":
-  version "5.15.1"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.1.tgz#ccfef6ddbe59f8fe8f694783e1d3eb88902dc5eb"
-  integrity sha512-OEdH7SyC1suTdhBGW91/zBfR6qaIhThbcN8PUXtXilY4GYnSBbVqOntdHbC1vXwsDnX0Qix2m2+DSU1J51ybOQ==
-
-"@fortawesome/fontawesome-svg-core@^1.2.32":
-  version "1.2.32"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.32.tgz#da092bfc7266aa274be8604de610d7115f9ba6cf"
-  integrity sha512-XjqyeLCsR/c/usUpdWcOdVtWFVjPbDFBTQkn2fQRrWhhUoxriQohO2RWDxLyUM8XpD+Zzg5xwJ8gqTYGDLeGaQ==
-  dependencies:
-    "@fortawesome/fontawesome-common-types" "^0.2.32"
-
 "@fullhuman/postcss-purgecss@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.0.0.tgz#e39bf7a7d2a2c664ed151b639785b2efcbca33ff"
@@ -4107,11 +4090,6 @@ react-dom@^17.0.1:
     object-assign "^4.1.1"
     scheduler "^0.20.1"
 
-react-ga@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/react-ga/-/react-ga-3.3.0.tgz#c91f407198adcb3b49e2bc5c12b3fe460039b3ca"
-  integrity sha512-o8RScHj6Lb8cwy3GMrVH6NJvL+y0zpJvKtc0+wmH7Bt23rszJmnqEQxRbyrqUzk9DTJIHoP42bfO5rswC9SWBQ==
-
 react-is@16.13.1, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"