Merge pull request #140 from dappforce/deploy/new-staking

Update creator staking page

public/tailwind.css

@@ -583,6 +583,10 @@ video {
   bottom: 0px;
 }
 
+.bottom-4 {
+  bottom: 1rem;
+}
+
 .left-1\/2 {
   left: 50%;
 }
@@ -603,6 +607,10 @@ video {
   right: 0.75rem;
 }
 
+.right-4 {
+  right: 1rem;
+}
+
 .right-6 {
   right: 1.5rem;
 }
@@ -615,6 +623,26 @@ video {
   top: 50%;
 }
 
+.right-\[\] {
+  right: ;
+}
+
+.right-\[-1\] {
+  right: -1;
+}
+
+.right-\[-1rem\] {
+  right: -1rem;
+}
+
+.top-\[-1\] {
+  top: -1;
+}
+
+.top-\[-1rem\] {
+  top: -1rem;
+}
+
 .-z-10 {
   z-index: -10;
 }
@@ -643,6 +671,14 @@ video {
   z-index: 41;
 }
 
+.col-\[\] {
+  grid-column: ;
+}
+
+.col-\[1\/-1\] {
+  grid-column: 1/-1;
+}
+
 .m-0 {
   margin: 0px;
 }
@@ -943,6 +979,14 @@ video {
   width: 100vw;
 }
 
+.w-\[33rem\] {
+  width: 33rem;
+}
+
+.w-14 {
+  width: 3.5rem;
+}
+
 .min-w-fit {
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -980,6 +1024,14 @@ video {
   max-width: 24rem;
 }
 
+.max-w-\[\] {
+  max-width: ;
+}
+
+.max-w-\[20rem\] {
+  max-width: 20rem;
+}
+
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -1114,6 +1166,10 @@ video {
   align-items: center;
 }
 
+.justify-start {
+  justify-content: flex-start;
+}
+
 .justify-end {
   justify-content: flex-end;
 }
@@ -1130,10 +1186,6 @@ video {
   gap: 0.25rem;
 }
 
-.gap-10 {
-  gap: 2.5rem;
-}
-
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1150,10 +1202,18 @@ video {
   gap: 1.5rem;
 }
 
+.gap-\[10px\] {
+  gap: 10px;
+}
+
 .gap-\[2px\] {
   gap: 2px;
 }
 
+.gap-10 {
+  gap: 2.5rem;
+}
+
 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1298,6 +1358,11 @@ video {
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
+.border-orange-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(234 88 12 / var(--tw-border-opacity));
+}
+
 .border-slate-50 {
   --tw-border-opacity: 1;
   border-color: rgb(248 250 252 / var(--tw-border-opacity));
@@ -1340,6 +1405,11 @@ video {
   background-color: rgb(250 251 255 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#FEF9E5\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 249 229 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#FEFCE5\] {
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 229 / var(--tw-bg-opacity));
@@ -1725,10 +1795,6 @@ video {
   font-size: 19px;
 }
 
-.text-\[20px\] {
-  font-size: 20px;
-}
-
 .text-base {
   font-size: 1rem;
   line-height: 1.35;
@@ -1754,6 +1820,10 @@ video {
   line-height: 1rem;
 }
 
+.text-\[20px\] {
+  font-size: 20px;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1794,6 +1864,10 @@ video {
   line-height: 22px;
 }
 
+.leading-\[26px\] {
+  line-height: 26px;
+}
+
 .leading-none {
   line-height: 1;
 }
@@ -1873,6 +1947,16 @@ video {
   color: rgb(148 163 184 / var(--tw-text-opacity));
 }
 
+.text-slate-500 {
+  --tw-text-opacity: 1;
+  color: rgb(100 116 139 / var(--tw-text-opacity));
+}
+
+.text-slate-900 {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+
 .text-text {
   --tw-text-opacity: 1;
   color: rgb(var(--text) / var(--tw-text-opacity));
@@ -1900,6 +1984,11 @@ video {
   color: rgb(var(--text-primary));
 }
 
+.text-text-red {
+  --tw-text-opacity: 1;
+  color: rgb(var(--text-red) / var(--tw-text-opacity));
+}
+
 .text-text-secondary {
   --tw-text-opacity: 1;
   color: rgb(var(--text-secondary) / var(--tw-text-opacity));
@@ -1918,6 +2007,11 @@ video {
   color: rgb(255 255 255 / 0.8);
 }
 
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
 .opacity-0 {
   opacity: 0;
 }
@@ -2224,6 +2318,11 @@ video {
           text-decoration-line: underline;
 }
 
+.hover\:no-underline:hover {
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
+}
+
 .hover\:outline-none:hover {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2397,6 +2496,22 @@ video {
 }
 
 @media (min-width: 768px) {
+  .md\:right-4 {
+    right: 1rem;
+  }
+
+  .md\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .md\:top-0 {
+    top: 0px;
+  }
+
+  .md\:top-\[auto\] {
+    top: auto;
+  }
+
   .md\:\!mx-4 {
     margin-left: 1rem !important;
     margin-right: 1rem !important;
@@ -2406,6 +2521,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .md\:flex {
+    display: flex;
+  }
+
   .md\:w-auto {
     width: auto;
   }
@@ -2414,10 +2533,22 @@ video {
     width: 100%;
   }
 
+  .md\:w-\[33rem\] {
+    width: 33rem;
+  }
+
+  .md\:max-w-none {
+    max-width: none;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .md\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -2426,6 +2557,10 @@ video {
     flex-direction: row;
   }
 
+  .md\:flex-col {
+    flex-direction: column;
+  }
+
   .md\:items-start {
     align-items: flex-start;
   }
@@ -2434,6 +2569,18 @@ video {
     align-items: center;
   }
 
+  .md\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .md\:justify-center {
+    justify-content: center;
+  }
+
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+
   .md\:gap-6 {
     gap: 1.5rem;
   }
@@ -2470,10 +2617,18 @@ video {
     text-align: left;
   }
 
+  .md\:text-center {
+    text-align: center;
+  }
+
   .md\:text-start {
     text-align: start;
   }
 
+  .md\:\!text-start {
+    text-align: start !important;
+  }
+
   .md\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;
@@ -2488,6 +2643,20 @@ video {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-\[32px\] {
+    font-size: 32px;
+  }
+
+  .md\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
 }
 
 @media (min-width: 910px) {