wip

vitwit · Oct 25, 2023 · ed580e5 · ed580e5
1 parent 37449d0
commit ed580e5
Show file tree

Hide file tree

Showing 9 changed files with 34 additions and 34 deletions.
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
@@ -183,27 +183,27 @@ body {
     @apply text-[14px] font-light leading-6;
   }
 
-  .customBtn {
+  .custom-btn {
     @apply min-w-[140px] rounded-full border-[1px] text-[14px] leading-3 py-[14px] px-6;
   }
 
-  .customBtnDisabled {
+  .custom-btn-disabled {
     @apply border-[#B0B0B080] text-[#B0B0B080] hover:cursor-not-allowed;
   }
 
-  .customTable {
+  .custom-table {
     @apply w-full;
   }
 
-  .customTable td {
+  .custom-table td {
     @apply pt-6 text-[14px] leading-3;
   }
 
-  .customTableHead {
+  .custom-table-head {
     @apply pb-4 border-b-[0.5px] border-[#B0B0B033];
   }
 
-  .customTableHead th {
+  .custom-table-head th {
     @apply text-[16px] leading-3 font-normal h-10;
   }
 }
@@ -231,11 +231,11 @@ body {
     @apply flex flex-col justify-between space-y-4;
   }
 
-  .account-metadata__title {
+  .account-metadata-title {
     @apply text-gray-400 text-right text-sm font-normal leading-4 tracking-tighter;
   }
 
-  .account-metadata__content {
+  .account-metadata-content {
     @apply text-white text-right text-base font-normal leading-[40px] tracking-[0.56px];
   }
   .balance-title {
@@ -849,7 +849,7 @@ body {
   .Grouptablehead th {
     @apply text-[16px] leading-3 font-normal h-10;
   }
-  .customTableHead td {
+  .custom-table-head td {
     @apply pt-6 text-[14px] leading-3 ;
   }
   .customGrouptable {

diff --git a/frontend/src/components/AccountDetails.tsx b/frontend/src/components/AccountDetails.tsx
@@ -24,10 +24,10 @@ const AccountDetails = () => {
       </div>
       <div className="flex flex-end space-x-12">
         <div className="account-metadata">
-          <div className="account-metadata__title">Public Key</div>
+          <div className="account-metadata-title">Public Key</div>
 
           <div className="flex justify-between space-x-2">
-            <div className="account-metadata__content">
+            <div className="account-metadata-content">
               A548OhedNfWrFXPfe5...
             </div>
             <Image
@@ -40,14 +40,14 @@ const AccountDetails = () => {
           </div>
         </div>
         <div className="account-metadata">
-          <div className="account-metadata__title">Account Number</div>
+          <div className="account-metadata-title">Account Number</div>
 
-          <div className="account-metadata__content">1234567893</div>
+          <div className="account-metadata-content">1234567893</div>
         </div>
         <div className="account-metadata">
-          <div className="account-metadata__title">Sequence</div>
+          <div className="account-metadata-title">Sequence</div>
 
-          <div className="account-metadata__content">000000</div>
+          <div className="account-metadata-content">000000</div>
         </div>
       </div>
     </div>

diff --git a/frontend/src/components/AssetsTable.tsx b/frontend/src/components/AssetsTable.tsx
@@ -4,8 +4,8 @@ import React from "react";
 const AssetsTable = () => {
   return (
     <div>
-      <table className="customTable overflow-y-scroll">
-        <thead className="customTableHead">
+      <table className="custom-table overflow-y-scroll">
+        <thead className="custom-table-head">
           <tr className="text-left">
             <th className="w-1/4">Network</th>
             <th className="w-1/5">StakeAmount</th>
@@ -45,8 +45,8 @@ const AssetsTable = () => {
               </td>
               <td>
                 <div className="flex justify-between items-center">
-                  <button className="customBtn">Claim</button>
-                  <button className="customBtn customBtnDisabled">
+                  <button className="custom-btn">Claim</button>
+                  <button className="custom-btn custom-btn-disabled">
                     Claim & Stake
                   </button>
                 </div>

diff --git a/frontend/src/components/GrantsByMeTable.tsx b/frontend/src/components/GrantsByMeTable.tsx
@@ -13,8 +13,8 @@ const GrantsByMeTable = () => {
 
   return (
     <div>
-      <table className="customTable overflow-y-scroll">
-        <thead className="customTableHead">
+      <table className="custom-table overflow-y-scroll">
+        <thead className="custom-table-head">
           <tr className="text-left">
             <th className="w-1/5">Network</th>
             <th className="w-1/4">Granter</th>
@@ -59,7 +59,7 @@ const GrantsByMeTable = () => {
                 </div>
               </td>
               <td>
-                <button className="customBtn">Revoke</button>
+                <button className="custom-btn">Revoke</button>
               </td>
             </tr>
           ))}

diff --git a/frontend/src/components/GrantsToMeTable.tsx b/frontend/src/components/GrantsToMeTable.tsx
@@ -13,8 +13,8 @@ const GrantsToMeTable = () => {
 
   return (
     <div>
-      <table className="customTable overflow-y-scroll">
-        <thead className="customTableHead">
+      <table className="custom-table overflow-y-scroll">
+        <thead className="custom-table-head">
           <tr className="text-left">
             <th className="w-1/5">Network</th>
             <th className="w-1/4">Grantee</th>
@@ -59,7 +59,7 @@ const GrantsToMeTable = () => {
                 </div>
               </td>
               <td>
-                <button className="customBtn">Revoke</button>
+                <button className="custom-btn">Revoke</button>
               </td>
             </tr>
           ))}

diff --git a/frontend/src/components/NewBasicGrant.tsx b/frontend/src/components/NewBasicGrant.tsx
@@ -63,7 +63,7 @@ export default function NewBasicGrant() {
       <button
         disabled={isSubmitting}
         type="submit"
-        className="flex customBtn mt-10 h-10 items-center justify-center"
+        className="flex custom-btn mt-10 h-10 items-center justify-center"
       >
         <div className="input-bold-label">Grant</div>
       </button>

diff --git a/frontend/src/components/StakedAmountWithActions.tsx b/frontend/src/components/StakedAmountWithActions.tsx
@@ -12,9 +12,9 @@ const StakedAmountWithActions = () => {
           </div>
         </div>
         <div className="flex space-x-10 items-center">
-        <div><button className="customBtn">Claim All</button></div>
-        <div><button className="customBtn">Stake All</button></div>
-        <div><button className="customBtn">Delegate</button></div>
+        <div><button className="custom-btn">Claim All</button></div>
+        <div><button className="custom-btn">Stake All</button></div>
+        <div><button className="custom-btn">Delegate</button></div>
 
         </div>
       </div>

diff --git a/frontend/src/components/StakingCards.tsx b/frontend/src/components/StakingCards.tsx
@@ -44,8 +44,8 @@ const StakingCards = () => {
               </div>
             </div>
             <div className="flex justify-between">
-              <button className="customBtn">Claim</button>
-              <button className="customBtn">Claim&Stake</button>
+              <button className="custom-btn">Claim</button>
+              <button className="custom-btn">Claim&Stake</button>
               <Image
                 className="cursor-pointer"
                 src="/vector.svg"

diff --git a/frontend/src/components/ValidatorsTable.tsx b/frontend/src/components/ValidatorsTable.tsx
@@ -22,8 +22,8 @@ const ValidatorsTable = () => {
   }, [validators]);
   return (
     <div>
-      <table className="customTable overflow-y-scroll">
-        <thead className="customTableHead">
+      <table className="custom-table overflow-y-scroll">
+        <thead className="custom-table-head">
           <tr className="text-left">
             <th>Rank</th>
             <th>Validator</th>
@@ -86,7 +86,7 @@ const ValidatorsTable = () => {
               </td>
               <td>20%</td>
               <td>
-                <button className="customBtn">Claim</button>
+                <button className="custom-btn">Claim</button>
               </td>
             </tr>
           ))}